扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
jquery ajax 回调函数只要配置正确就可以使用
成都创新互联公司一直通过网站建设和网站营销帮助企业获得更多客户资源。 以"深度挖掘,量身打造,注重实效"的一站式服务,以成都网站设计、做网站、移动互联产品、成都全网营销推广服务为核心业务。十载网站制作的经验,使用新网站建设技术,全新开发出的标准网站,不但价格便宜而且实用、灵活,特别适合中小公司网站制作。网站管理系统简单易用,维护方便,您可以完全操作网站资料,是中小公司快速网站建设的选择。
$.ajax({ url: "test.html", context: document.body, success: function(){
alert("回调函数")
}})
使用代码如上
回调函数实现的机制是:
⑴定义一个回调函数;
⑵提供函数实现的一方在初始化的时候,将回调函数的函数指针注册给调用者;
⑶当特定的事件或条件发生的时候,调用者使用函数指针调用回调函数对事件进行处理。
知道拓展:
jQuery是一套跨浏览器的JavaScript库,简化HTML与JavaScript之间的操作。由John Resig在2006年1月的BarCamp NYC上发布第一个版本。目前是由 Dave Methvin 领导的开发团队进行开发。全球前10000个访问最高的网站中,有59%使用了jQuery,是目前最受欢迎的JavaScript库。
回调函数是应用程序提供给Windows系统DLL或其它DLL调用的函数,一般用于截获消息、获取系统信息或处理异步事件。在计算机程序设计中,回调函数,或简称回调,是指通过函数参数传递到其它代码的,某一块可执行代码的引用。这一设计允许了底层代码调用在高层定义的子程序。
jquery ajax 回调函数使用挺简单的,只要配置正确就可以使用。
$.ajax({ url: "test.html", context: document.body, success: function(){
alert("回调函数")
}});
使用代码如上,JQUERY通信组件这块封装的比较好,使用很方便。还可以配置异步或同步。
再补充一点,一般在回调函数里给个操作的提示信息,然后再进行相关的更新操作
因为javascript的运行机制的原因,jquery作为成熟的工具,为javascript提供了大量的回调函数(callback)。
因为回调函数的工作原理以及工作时机,很多新手对回调函数不能熟练运用。回调函数的重要作用之一,就是在某项操作完成时,进行下一项操作。这两项操作功能上不一定耦合,但是逻辑上却必须耦合。意思是前一个操作实现的功能(效果)可以和回调函数实现的功能毫无联系,但是二者在代码逻辑上却是耦合的。耦合的意思是说,当一操作进行后,二操作会紧跟进行,二者的运行关系密不可分。回调函数增加了程序的耦合性,使代码的逻辑更容易理解。
回调函数的用处在javascript中可谓处处体现,比如最为重要的就是AJAX回调。
Jquery中提供了大量大回调函数,比如complete,success,fail等操作。这些操作的调用时机就如同他们的名字一样。success以为着成功的时候调用,等。
举个简单的例子,以jquery中的动画为例,现在我想实现一个让id为animate的dom对象宽度边长的动画,在这个对象变长之后,我想要提示用户,这个对象已经变长了。因此,我得使用以下的代码:
$("#animate").animate({
width: 200
}, {
duration: 500,
success: function() {
alert("width 已经变长了");
},
error: function() {
alert("出现了错误");
}
});
以上的代码定义了两个回调函数success和error,顾名思义,success是在成功的时候就会调用,error是在出错误之后调用。
这就是回调函数的基本运用。
看到这儿,或许你会问,为什么我不直接用这样的代码呢?
try {
$("#animate").animate({
width: 2000
}, 500, "linear");
alert(""width已经变长了);
} catch(error) {
alert("出错了");
}
如果你测试你会发现,动画并未完成,就出现了alert弹窗。
这就是javascript的运行机制所造成的,javascript的运行机制分为同步和异步,异步操作会破坏脚本的执行流,使得程序跳过异步(异步仍然在进行)而进入接下来的程序,异步操作即使在进行,也不会影响javascript的继续执行,也就是不会产生阻塞。同步操作中的定时操作有着与异步很相似的运行机制,但是依然是同步操作。以上的错误正是由于定时操作引起的。
回调函数的作用,最为重要的运用,就是运用在异步操作和定时操作。
jquery中运用回调函数最重要的地方有两个,一个是动画回调(就是在动画执行完成,或者执行错误,或者执行失败的时候调用),以及ajax(同动画)。ajax与回调是密不可分的。
1.什么是 AJAX?
AJAX = 异步 JavaScript 和 XML(Asynchronous JavaScript and XML)。
简短地说,在不重载整个网页的情况下,AJAX 通过后台加载数据,并在网页上进行显示。
2.最基本的三个方法
jQuery .get( URL , callback );
jQuery .post( URL,data,callback );
jQuery (selector).load(URL,data,callback);
必需的 URL 参数规定您希望请求的 URL。
可选的 data 参数规定连同请求发送的数据。
可选的 callback 参数是请求成功后所执行的函数名。
3.其余主要方法描述
4.一个封装了的ajax函数,使用了回调函数
函数很简单,接收参数有三个 url是请求地址,data是请求参数,cellback是回调函数。
如何调用 ?
调用时前两个参数正常传就行,最后一个参数要传递一个函数,如下
console.log(data)打印的是ajax success的回调数据。
5.Success()方法是后台执行返回结果时运行的函数,函数可以对后台返回的结果进行处理,具体有如下四种数据
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流