AJAX 多次調用,後面的會覆蓋前面的內容/數據

来源:https://www.cnblogs.com/ts119/archive/2019/12/18/12061011.html
-Advertisement-
Play Games

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

您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 我們有時候會向一個方法中傳入一個參數,並且對這個參數做一些處理的操作; 但是因為是引用傳遞,處理過後會對原有的對象造成修改,無法進行反覆使用。 如例子: 兩次列印的結果一模一樣。這樣下一個方法在繼續使用arr這個數的時候就不是["a","b","c"]這個值了,而是["a","b","c",2]; ...
  • HTML代碼 寫一個div來作為滑鼠區域 div中寫一個span顯示坐標信息 <body> <div id=""> <span></span> </div> </body> 給div和span增加樣式並定位 <style type="text/css"> div{ position: relativ ...
  • react中setState方法到底是非同步還是同步,其實這個是分在什麼條件下是非同步或者同步。 1.先來回顧一下react組件中改變state的幾種方式: import React, { Component } from 'react' class Index extends Component { ...
  • 在前端開發中,設置元素的 class 列表和內聯樣式是基本要求。本文主要講解Vue開發中,樣式列表和內聯樣式的綁定,僅供學習分享使用,如果有不足之處,還請指正。 ...
  • 滾輪滾動事件 ~~~javascript ~~~ ...
  • 友情提醒:閱讀本文需要瞭解一些基本的html/Css/Javascript知識 前端常用tab鍵的實現,用到的原理是當點擊一個元素時,通過javascript操作css的display屬性,達到控制另一個元素的顯示(display: block)與不顯示(display: none) 需要註意的是, ...
  • JavaScript 特性 ① 解釋型語言。JavaScript是一種解釋型的腳本語言,JavaScript是在程式的運行過程中逐行進行解釋,不需要被編譯為機器碼再執行。 ② 面向對象。JavaScript是一種面向對象的腳本語言,它不僅可以創建對象,也能使用現有的對象。 ③ 類C和Java的語法。 ...
  • google地圖集成流程 一、獲取Google Map API密鑰 1、進入Google官網 => https://www.google.com.hk/ ,申請一個谷歌賬號(如果沒有)然後訪問下麵網址:https://console.cloud.google.com/google/maps-apis ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...