热门关键字:
jquery > jquery教程 > jquery教程 > jquery ajax.then,神奇的then方法

jquery ajax.then,神奇的then方法

374
作者:管理员
发布时间:2021/8/27 18:16:27
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=5345
  前言:


  什么叫做递延对象,生成一个递延对象只需调用jQuery.Deferred函数,deferred这个单词译为延期,推迟,即延迟的意思,那么在jQuery中


  又是如何表达延迟的呢,从递延对象中的then方法或许能找到这种延迟的行为,本文重点解读递延对象中的then方法


  神奇的then方法


  在实际项目应用中,一个页面或许有多个ajax请求,你可能会这样做:


  $.ajax({ url1, ... });$.ajax({ url2, ... });$.ajax({ url3, ... });...


  这样做的缺点:


  1、多个ajax同时发送请求,可能会造成服务器压力,对于富应用页面来说,如果请求过多,那是必然的;


  2、对于页面底部,或者说首屏不展示给用户浏览的部分需要发送的ajax请求,没有必要让它一开始加载页面后就发送请求,这样会造成页面响应缓慢


  jQuery递延对象中的then方法好像天生就是为了解决以上问题而设计的,它可以按照顺序依次处理多个异步请求,即第一个请求处理完后,


  再处理第二个请求,以此类推,这样既可以减轻服务器压力,又可以先发送首屏(从上到下)页面部分的请求,使页面响应更快


  代码实例


  varpromiseA = $.get(urlA);//这里添加promiseA的回调varpromiseB = promiseA.then( function(){


  return$.get(urlB);});//这里添加promiseB的回调


  varpromiseC = promiseB.then( function(){


  return$.get(urlC);});//这里添加promiseC的回调


  varpromiseD = promiseC.then( function(){


  return$.get(urlD);});//这里添加promiseD的回调


  再来看看then函数中的构造源码,通过上面的实例分析,相信眼前的你会恍然大悟的




如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:jquery
友荐云推荐