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

1.有的時候,同一個請求連接,須要傳遞不一樣的參數,發起多個請求。所以我採用了for循環。json

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的值。post

其中根據behavioranalysisReqstue方法,返回的index值,調用不一樣的函數渲染頁面。spa

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; } }); }
相關文章
相關標籤/搜索