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

1.1 此处是需要传递的参数

  1. function behavioranalysisReqstue(type) {
  2. var typeStr = "newUsers";
  3. switch (type){
  4. case 1:
  5. typeStr = "newUsers";break;
  6. case 2:
  7. typeStr = "activeUsers";break;
  8. case 3:
  9. typeStr = "newUsersCount";break;
  10. case 4:
  11. typeStr = "activeUsersCount";break;
  12. case 5:
  13. typeStr = "orderVolume";break;
  14. case 6:
  15. typeStr = "userFollow";break;
  16. case 7:
  17. typeStr = "notActive";break;
  18. }
  19. return {
  20. "seachTime":seachTime,
  21. "startDate":startDate,
  22. "endDate":endDate,
  23. "type":typeStr,
  24. "index":type,
  25. }
  26. }

2.此处为AJAX请求,调用了传递参数的方法

注意:o定义为常量,是因为AJAX是异步的,会导致AJAX里面switch不管是否执行完毕,都会取index的值。

其中根据behavioranalysisReqstue方法,返回的index值,调用不同的函数渲染页面。

  1. var isPopupMsg=true;
  2. for (var i = 1; i < 8; i++) {
  3. const o=behavioranalysisReqstue(i);
  4. $.post(DYD.U(behavioranalysisList1Url),o,function(data,textStatus){
  5. layer.close(loading);
  6. var jsonData = DYD.toJson(data);
  7. if(jsonData.code==-1){
  8. if (isPopupMsg) {
  9. isPopupMsg=false;
  10. layer.msg(jsonData.msg);
  11. }
  12. return;
  13. }
  14. switch (o.index){
  15. case 1:
  16.  
  17. //新增用户数
  18. $("#newAddUser").text(jsonData);
  19. break;
  20. case 2:
  21. //活跃用户数
  22. $("#dynamicUser").text(jsonData)
  23. break;
  24. case 3:
  25. //新增用户统计
  26. newAddUserData(jsonData);
  27. break;
  28. case 4:
  29. dynamic(jsonData);
  30. break;
  31. case 5:
  32. //成交量前十名客户
  33. userTopTen(jsonData.orderVolume);
  34. break;
  35. case 6:
  36. // 用户关注点分析表格数据
  37. focusCount_table(jsonData);
  38. break;
  39. case 7:
  40. //调用近期未活跃用户排行表格数据
  41. lazyUser_table(jsonData);
  42. break;
  43. }
  44. });
  45. }

AJAX 多次调用,后面的会覆盖前面的内容/数据的更多相关文章

  1. jQuery $.ajax 参数说明及调用注意事项

    $.ajax参数设置 备注:data.contentType.dataType属性值很重要!!! async 类型:Boolean 默认值: true.默认设置下,所有请求均为异步请求.如果需要发送同 ...

  2. jquery ajax跨域调用

    客户端: //ajax跨域调用的方法 $.ajax({ url:dustUrl+"/screenshot/getDevices.do", type: "get" ...

  3. 以短链服务为例,探讨免AppKey、免认证、Ajax跨域调用新浪微博API

    新浪微博的API官方提供了很多种调用方式,支持编程的,归根结底就是两种: 1.基于Oauth协议,使用Open API.(http://open.weibo.com/wiki/%E6%8E%88%E6 ...

  4. AJAX跨域调用相关知识-CORS和JSONP(引)

    AJAX跨域调用相关知识-CORS和JSONP 1.什么是跨域 跨域问题产生的原因,是由于浏览器的安全机制,JS只能访问与所在页面同一个域(相同协议.域名.端口)的内容. 但是我们项目开发过程中,经常 ...

  5. AJAX跨域调用ASP.NET MVC或者WebAPI服务

    关于AJAX跨域调用ASP.NET MVC或者WebAPI服务的问题及解决方案 作者:陈希章 时间:2014-7-3 问题描述 当跨域(cross domain)调用ASP.NET MVC或者ASP. ...

  6. Ajax.BeginForm无法调用 ajaxOptions的js函数

    使用ajax.beginForm无法调用ajaxOptions的js函数的原因,一般都是缺少以下2个JS文件: 1,Install-Package jQuery –version 1.10.22,In ...

  7. Asp.net Ajax提供PageMethods调用

    页面上的Javascript通过ASP.NET AJAX除了可以调用Web服务类,还可以调用网页中的静态方法. <%@ Page Language="C#" %> &l ...

  8. Ajax 的异步调用和批量修改

    AJAX的异步调用的分层 有四个jsp页面,在index.jsp页面上 要在dataDiv出显示调用的的数据回显到此处,可以让showStudent2.jsp页面的数据回调到此处,$("#d ...

  9. Asp.Net MVC WebAPI的创建与前台Jquery ajax后台HttpClient调用详解

    1.什么是WebApi,它有什么用途? Web API是一个比较宽泛的概念.这里我们提到Web API特指ASP.NET MVC Web API.在新出的MVC中,增加了WebAPI,用于提供REST ...

随机推荐

  1. 使用POI导出EXCEL工具类并解决导出数据量大的问题

    POI导出工具类 工作中常常会遇到一些图表需要导出的功能,在这里自己写了一个工具类方便以后使用(使用POI实现). 项目依赖 <dependency> <groupId>org ...

  2. 队列+BFS (附vector初试)

    优先队列的使用: include<queue>//关联头文件 struct node{ int x,y; friend bool operator < (node d1,node d ...

  3. 正确理解 PHP 的重载

    PHP 的重载跟 Java 的重载不同,不可混为一谈.Java 允许类中存在多个同名函数,每个函数的参数不相同,而 PHP 中只允许存在一个同名函数.例如,Java 的构造函数可以有多个,PHP 的构 ...

  4. 使用centos7安装PXE教程

    PXE是一种电脑无盘(即没有硬盘)技术. 预启动执行环境(PXE)指的是那些使得IBM兼容计算机(经常是运行Windows系统)不需要硬盘或是启动软盘就能启动的方法. 通俗点讲就是配置好PXE以后可以 ...

  5. Centos 7.x 系统基础优化

    Centos 7.x 系统基础优化 1.更换国内yum源 删除系统带的centos官方yum源 rm -rf /etc/yum.repos.d/* 使用国内阿里云源 curl -o /etc/yum. ...

  6. VUE+DRF系列

    vue基础系列 001 路飞学诚项目简介 002 Vue简介 003 Vue引入 004 文本指令 005 事件指令 006 斗篷指令 007 属性指令 008 表单指令 009 条件指令 010 路 ...

  7. Kafka topic Schema version mismatch error - org.apache.kafka.common.protocol.types.SchemaException

    Problem description: There is error messge when run spark app using spark streaming Kafka version 0. ...

  8. c语言l博客作业09

    问题 答案 这个作业属于那个课程 C语言程序设计II 这个作业要求在哪里 https://edu.cnblogs.com/campus/zswxy/CST2019-2/homework/8655 我在 ...

  9. For input string:"name"

    今天写项目的时候遇到了For input string:"name"这个错误,在控制台看报错信息好像是在说类型格式转换错误, 可是我并没有转换格式,这个name是我在jsp页面中使 ...

  10. JS&jQuery

    1.JavaScript概述    1.什么是JavaScript        JavaScript简称JS,是一种专门运行于JS解释器/引擎中的解释型脚本语言    2.JS发展史         ...