最近的需求,表单保存时使用ajax获取后台json数据,如果获取时出现异常,需要在页面提醒,并且不允许提交表单将提交按钮隐藏。
我们一般写post请求可能就这样写了:
$.post("url", {id: 1}, function(result){
alert(result);
});
这样写只能是调用成功后,会执行回调函数,如果说调用出现异常,这时候只能写完整版的ajax调用了,代码如下:
$.ajax({
type: 'POST',
url: '/test/testfuncion',
data: {id: 1},
success: function (data) {
//调用成功时回调
alert(data);
},
error: function (jqXHR, textStatus, errorThrown) {
//调用出现异常时回调(404、500、开发者工具主动blocked等)
alert("系统出现错误。" + textStatus);
$("#submit_btn").hide();
}
});
这时候在error中增加异常处理,这样JS前台验证如果出错了,也不允许用户提交。