jquery 中的 ajax 并发请求

本贴最后更新于 4241 天前,其中的信息可能已经时移世改

一、场景:

      由于业务需要,需要调合作方接口,每一次调接口传的日期不同。(接口不支持传日期数组)。然后将返回的数据进行处理显示。

二、目前解决办法:

      1、在前端一次ajax请求,到java端,然后for循环中调7(当前这一周的日期)次接口。

        结果:每一次调接口都可以有返回值,但是这个调接口的方式是同步的。7次完后,时间很长。不可取

      2、在前端调7次ajax请求,然后去调接口。

        结果:调的速度很快,并且一次都有数据返回,其实就是一个并发的ajax请求

      3、在后台采用多线程操作,前端采用一次ajax请求

       结果:其速度和在前台用并发的时间差不多

三、代码的实现如下:(前端多线程调用)

//发送最低价ajax请求 function getlowerPrice(date){ console.log(date); //在这里处理日期下面的最低价 $.ajax({ url:basepath+"/tpticket/getlowesttprice", type:"POST", data:"departcity="+$("#departcity").val()+"&arrivecity="+$("#arrivecity").val()+"&date="+date+ "&passengertype=" + $("#passengertype").val(), dataType:"JSON", success: function(data){ console.log(data); var dataLength = eval(data.lowerprice).length; for(var i=0;i<dataLength;i++){ var strsspan = "<span>" + data.lowerprice[i].price+"</span>"; //$(".searchDate li[date='" +data.lowerprice[i].date+ "']").appendTo(strsspan); $(".searchDate li[date='" +data.lowerprice[i].date+ "']").append(strsspan); //console.log($(".searchDate>li").attr("data")); } } }); } // 得到前N天或后N天的日期 function showdate(n) { var d = new Date($("#date").val()); var uom = new Date(d- 0 + n * 86400000); uom = uom.getFullYear() + "-" + (uom.getMonth() + 1) + "-" + uom.getDate(); return uom; } function makeWeekDate(){ for(var i=-3;i<4;i++){ getlowerPrice(showdate(i)); } } makeWeekDate();
  • jQuery

    jQuery 是一套跨浏览器的 JavaScript 库,强化 HTML 与 JavaScript 之间的操作。由 John Resig 在 2006 年 1 月的 BarCamp NYC 上释出第一个版本。全球约有 28% 的网站使用 jQuery,是非常受欢迎的 JavaScript 库。

    63 引用 • 134 回帖 • 733 关注
  • AJAX
    26 引用 • 96 回帖

相关帖子

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...