jQuery document.ready沒有響應
[英]Jquery document.ready is not responding
問題描述
頁面加載時，document.ready函數沒有響應。 而且我也面臨着.submit函數的問題。 請幫忙。 請幫助我重寫此代碼。 我只想在php中設計一個表單，以檢查給定的電子郵件ID是否已經存在於數據庫中，或者不使用jquery ajax請幫助....！ 我的學校項目遲到了。
$(document).ready(function(){
alert("Working..");
$("#userSubmit").submit(function(){
alert("Working ..");
var email=document.getElementById("userEamil").value;
$.ajax({
type:'POST',
data:"SELECT * FROM user WHERE userEmail='"+email+"'",
url:'common1.php',
success:function(data)
{
$result=$.parseJSON($data);
alert($result);
return false;
},
error:function(data)
{
alert(data);
return false;
}
});
});
});
3 個解決方案
解決方案1
1 2017-07-09 11:43:20
您的代碼中有一些錯誤，我希望以下代碼能完成工作。 如有其他問題，請檢查$.ajax部分。
$(document).ready(function() { // alert("Working.."); $("#userSubmit").submit(function(event) { event.preventDefault(); alert("Working .."); var email = document.getElementById("#userEamil").value; $.ajax({ type: 'POST', data: "SELECT * FROM user WHERE userEmail='" + email + "'", url: 'common1.php', success: function(data) { $result = $.parseJSON($data); alert($result); return false; }, error: function(data) { alert(data); return false; } }); }); }); <!-- begin snippet: js hide: false console: true babel: false -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <form id="userSubmit" action=""> <input type="email"> <input type="submit" value="submit"> </form>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form action="">
<input type="email" >
<input id="userSubmit" type="submit" value="submit">
</form>
解決方案2
0 2017-07-09 12:58:06
在這里，您可以使用解決方案https://jsfiddle.net/1uor0gxf/1/
$(document).ready(function(){ $("#userSubmit").click(function(){ var email = $("userEamil").val(); $.ajax({ type:'POST', data:`SELECT * FROM user WHERE userEmail='${email}'`, url:'common1.php', success:function(data) { $result=$.parseJSON($data); alert($result); return false; }, error:function(data) { alert(data); return false; } }); }); });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <form action=""> <input type="text" id="userEamil" /> <input type="button" id="userSubmit" value="Submit" /> </form>
解決方案3
-3 2017-07-09 11:35:55
<script>
$(document).ready(function() {
//alert("Working..");
$("#userSubmit").submit(function() {
//alert("Working ..");
var email = $(this).closest("form").find("input[name='emailbox']").val();
console.log(email);
$.ajax({
type: 'POST',
data: "SELECT * FROM user WHERE userEmail='" + email + "'",
url: 'common1.php',
success: function(data) {
$result = $.parseJSON($data);
alert($result);
return false;
},
error: function(data) {
alert(data);
return false;
}
});
});
});
</script>
<html>
<body>
<form id="userSubmit">
<input type="email" id="userEmail" name="emailbox">
<input type="submit" value="Submit">
</form>
</body>
</html>
jQuery document.ready
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.