一个AJAX发起多个请求

偏执的太偏执、 2023-06-14 15:58 16阅读 0赞

# 一个AJAX发起多个请求 #

有的时候，同一个请求链接，需要传递不同的参数，发起多个请求。因此我采用了for循环。

1.此处是需要传递的参数

function behavioranalysisReqstue(type) {
    	var typeStr = "newUsers";
    	switch (type){
    			case 1:
    				typeStr = "newUsers";break;
    			case 2:
    				typeStr = "activeUsers";break;
    			case 3:
    				typeStr = "newUsersCount";break;
    			case 4:
    				typeStr = "activeUsersCount";break;
    			case 5:
    				typeStr = "orderVolume";break;
    			case 6:
    				typeStr = "userFollow";break;
    			case 7:
    				typeStr = "notActive";break;
    	}
    	return {
    		"seachTime":seachTime,
    		"startDate":startDate,
    		"endDate":endDate,
    		"type":typeStr,
    		"index":type,
    	}
    }

2.此处为AJAX请求，调用了传递参数的方法。  
注意：变量o定义为了常量，是因为AJAX是异步的，会导致AJAX里面switch不管是否执行完毕，都会取index的值。  
其中根据behavioranalysisReqstue方法，返回的index值，调用不同的函数渲染页面。

var isPopupMsg=true;
    	for (var i = 1; i < 8; i++) {
    		const o=behavioranalysisReqstue(i);
    		$.post(DYD.U(behavioranalysisList1Url),o,function(data,textStatus){
    			layer.close(loading);
    			var jsonData = DYD.toJson(data);
    			if(jsonData.code==-1){
    				if (isPopupMsg) {
    					isPopupMsg=false;
    					layer.msg(jsonData.msg);
    				}
    				return;
    			}
    			switch (o.index){
    				case 1:
    					
    					//新增用户数
    					$("#newAddUser").text(jsonData);
    					break;
    				case 2:
    					//活跃用户数
    					$("#dynamicUser").text(jsonData)
    					break;
    				case 3:
    					//新增用户统计
    					newAddUserData(jsonData);
    					break;
    				case 4:
    					dynamic(jsonData);
    					break;
    				case 5:
    					//成交量前十名客户
    					userTopTen(jsonData.orderVolume);
    					break;
    				case 6:
    	//				用户关注点分析表格数据
    					focusCount_table(jsonData);
    					break;
    				case 7:
    					//调用近期未活跃用户排行表格数据
    					lazyUser_table(jsonData);
    					break;
    			}
    		});
    	}

发表评论取消回复

表情：

评论列表（有 0 条评论，16人围观）

还没有评论，来说两句吧...

相关阅读

相关一个AJAX发起多个请求

一个AJAX发起多个请求有的时候，同一个请求链接，需要传递不同的参数，发起多个请求。因此我采用了for循环。 1.此处是需要传递的参数 function b

偏执的太偏执、/ 2023年06月14日 15:58/ 0 赞/ 17 阅读

相关 React项目搭配 fetch API 发起ajax请求

基于Promise规范的fetch `API`的使用 fetch的使用 > 1. 注意： fetch 无法发起`JSONP 请求` > 2. 作用：fet

淡淡的烟草味﹌/ 2023年03月12日 09:27/ 0 赞/ 12 阅读

相关 jQuery：多个AJAX和JSON请求，一个回调

我一直在为[Mozilla开发人员网络开发][Mozilla]一项新功能，该功能需要加载基本脚本文件以及JSON流。由于我们使用jQuery，因此意味着[`jQuery.ge

短命女/ 2023年02月21日 14:24/ 0 赞/ 12 阅读

相关 axios发起ajax请求，返回404

使用axios发起ajax请求，如果接口命名执行了接口查询，但是去返回404，可以考虑跨域的问题，我就是使用微信公众号登录，最初请求接口有端口，经过授权登录后，接口没了端口

忘是亡心i/ 2022年11月14日 13:25/ 0 赞/ 203 阅读

相关 jquery发起get,post,ajax网络请求,同步异步请求

下面的三种请求默认都是异步的,如果想要使用同步,可以使用ajax设置async属性 get请求: 格式:`$.get(URL,data,function(data,sta

以你之姓@/ 2022年09月17日 01:55/ 0 赞/ 250 阅读

相关 nginx发起http请求

配置可以用`proxypass` 配置文件如下： worker_processes 2; nginx worker 数量 error

桃扇骨/ 2022年06月18日 10:28/ 0 赞/ 318 阅读

相关 axios发起get请求

axios用起来非常方便简洁。下边记录一下。这里我就新建一个项目，axiostest.html里面就是写测试代码的，然后请求aa.txt里面的数据。这里面我就写了几个字母用

╰半夏微凉°/ 2022年05月25日 23:09/ 0 赞/ 425 阅读

相关 Ajax发起对服务器的请求

![70][] 一、服务器端逻辑：给文件追加内容 <?php $fp = fopen("./01.txt", "a"); //追加方式打

清疚/ 2022年05月20日 04:52/ 0 赞/ 198 阅读

相关 axios发起请求

跨域处理：在config文件夹的index.js写入： proxyTable: { '/apis':{ target

Bertha 。/ 2022年03月01日 12:58/ 0 赞/ 442 阅读

相关 Flutter同时发起多个网络请求

Future概念引用自Flutter中文网 Future与JavaScript中的Promise非常相似，表示一个异步操作的最终完成（或失败）及其结果值的表示。简单来...

秒速五厘米/ 2021年06月30日 09:50/ 0 赞/ 892 阅读