欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

AJAX 多次调用,后面的会覆盖前面的内容/数据

程序员文章站 2022-05-29 08:13:22
1.有的时候,同一个请求链接,需要传递不同的参数,发起多个请求。因此我采用了for循环。 1.1 此处是需要传递的参数 function behavioranalysisReqstue(type) { var typeStr = "newUsers"; switch (type){ case 1: ......

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

1.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;
      }
    });
  }