jQuery回调操作实例中，如何区分回调成功与失败的情况？

本文共计357个文字，预计阅读时间需要2分钟。

本文分析了jQuery回调操作。以下是一些实用示例：

1. jQuery回调操作示例javascript$(document).ready(function() { // 回调函数在文档加载完成后执行 alert('文档加载完毕！');});

2. jQuery回调功能实现情况javascript$(function() { // 回调函数在DOM元素就绪后执行 $('#myButton').click(function() { alert('按钮点击！'); });});

3. jQuery回调应用场景javascript$(document).ready(function() { // 当页面加载完成后，执行以下回调函数 $('#myForm').submit(function() { // 验证表单数据 // ... // 如果验证通过，执行以下操作 $(this).ajaxSubmit({ success: function(response) { alert('提交成功！'); } }); });});

本文实例分析了jquery 回调操作。分享给大家供大家参考，具体如下：

jquery 回调成功的情况

node2:/django/mysite/static/Js/Public#cat displaytestxhr.js

function B (response,status,xhr){ console.log(response); console.log(status); console.log(xhr); $("#aa").css("background-color","red"); }; $(document).ready(function(){ $("#elem").load('/testxhr/',{Action:"post",a:3,b:4,c:6},function(response,status,xhr){ if (status=="success") { $("#aa").css("background-color","red"); } else{alert (status+'请求失败')}; }) });

jquery 回调失败的情况

node2:/django/mysite/static/Js/Public#cat displaytestxhr.js

function B (response,status,xhr){ console.log(response); console.log(status); console.log(xhr); $("#aa").css("background-color","red"); }; $(document).ready(function(){ $("#elem").load('/testxhr/',{Action:"post",aa:3,b:4,c:6},function(response,status,xhr){ console.log(status); if (status=="success") { $("#aa").css("background-color","red"); } else{alert (status+'请求失败')}; }) });

更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jquery中Ajax用法总结》、《jQuery扩展技巧总结》、《jQuery常用插件及用法总结》、《jQuery常见经典特效汇总》及《jquery选择器用法总结》

希望本文所述对大家jQuery程序设计有所帮助。