2013-05-09 31 views
1

我有一個簡單的表格,我想發送POST數據jQuery中的作爲輸入字段損失焦點的事件被觸發,將檢查內容,並相應地回覆到如何用ajax

$("document").ready(function() 
    $("#txt_Email").blur(function() {     
     var email=$("#txt_Email").val();     
     $.post('ajax/tester.php', {chk:email}, function(data) { 
      alert(data) ; 
     }); 
    }); 
}); 

所以我已經做到這一點,但它沒有顯示任何內容:沒有錯誤,沒有輸出。我使用jquery 1.9.1,我也想知道如何檢查ajax/tester.php頁面上發佈數據的價值

現在我做這個

$tochk=isset($_POST['chk'])?$_POST['chk']:null; 

echo $tochk; 
+0

首先確保'email'包含一個值,然後在php端調試以確保它正常運行。 – 2013-05-09 18:30:25

回答

0

我希望這有助於:

$(function(){ 
    $("#txt_Email").blur(function() {     
     var email=$("#txt_Email").val(); 
     alert('email: ' + email); 
     var jqxhr = $.post('ajax/tester.php', {chk:email}); 
     jqxhr.done(function(data) { alert(data); }); 
     jqxhr.fail(function() { alert("error"); }); 
    }); 
}); 

window.onerror = function(errorMessage, url, line) { 
    var errorText = 'message: ' + errorMessage + '\nurl: ' + url + '\nline: ' + line; 
    alert(errorText); 
} 
0

更改此行:

$("document").ready(function() 

到:

$(document).ready(function() 

您需要參考document對象,而不是字符串"document"。使用你的相同的代碼與這個小改變它工作正常。這裏有一個例子:http://jsfiddle.net/YjEMd/。請注意,此示例已更改Ajax的URL和發佈的數據的格式,以便它可以在jsFiddle的沙箱中工作。此外$(document).ready(...)位在後臺爲您完成。