我有一张登记表,正在使用$。Ajax来提交。
这是我的AJAX请求:
$(document).ready(function() {
$("form#regist").submit(function() {
var str = $("#regist").serialize();
$.ajax({
type: 'POST',
url: 'submit1.php',
data: $("#regist").serialize(),
dataType: 'json',
success: function() {
$("#loading").append("<h2>you are here</h2>");
}
});
return false;
});
});
在我的submit1.php文件中,我检查了数据库中字段电子邮件地址和用户名的存在。
我希望显示一个错误消息,如果这些值存在而不刷新页面。
我如何将此添加到我的AJAX请求的成功回调?
添加'error'回调函数(就像'success'一样):
$.ajax({
type: 'POST',
url: 'submit1.php',
data: $("#regist").serialize(),
dataType: 'json',
success: function() {
$("#loading").append("<h2>you are here</h2>");
},
error: function(jqXhr, textStatus, errorMessage){
console.log("Error: ", errorMessage);
}
});
以我为例,我在控制台看到:
Error: SyntaxError: Unexpected end of JSON input
at parse (<anonymous>), ..., etc.
我尝试删除dataType行,但它没有为我工作。我通过使用“complete”而不是“success”作为回调函数来解决这个问题。成功回调仍然失败在IE,但因为我的脚本运行和完成无论如何,这是我所关心的。
$.ajax({
type: 'POST',
url: 'somescript.php',
data: someData,
complete: function(jqXHR) {
if(jqXHR.readyState === 4) {
... run some code ...
}
}
});
在jQuery 1.5中你也可以这样做。
var ajax = $.ajax({
type: 'POST',
url: 'somescript.php',
data: 'someData'
});
ajax.complete(function(jqXHR){
if(jqXHR.readyState === 4) {
... run some code ...
}
});