jquery 中的 ajax 并发请求

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

一、场景:

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

二、目前解决办法:

      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 回帖 • 724 关注
  • AJAX
    26 引用 • 96 回帖

相关帖子

欢迎来到这里!

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

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