1. 程式人生 > >js中使用佇列傳送ajax請求

js中使用佇列傳送ajax請求

最近,專案中需要按照先後順序傳送ajax請求,並且在一次請求結束後才能發起下一次,不然就會導致邏輯錯誤。

解決辦法是定義一個數組,儲存ajax請求資料。

以下使用extjs4定義一個類

Ext.define('tazi.Test', {

  answerList:[],   //儲存應答資料

  saveAnswer:function(answer){   //需要把應答資料儲存到資料庫中的第一層方法

     this.answerList.push(answer);
      if(!this.answerInterval){
         this.startAnswerInterval();
      }
  },
  startAnswerInterval:
function(){ //啟動     var me=this; me.isRun=false; me.answerInterval=setInterval(function(){ if (me.answerList.length > 0 && !me.isRun) { me.isRun = true; var answer=me.answerList.shift(); ajaxRequest({ //自定義的傳送ajax請求的方法
url:'commandAction!saveAnswer.action',
params:answer, callBack:function(result){ //請求成功返回後的回撥函式 me.isRun = false; //更新同步用的引數isRun } }); } },
100);   } });

相關推薦

js使用佇列傳送ajax請求

最近,專案中需要按照先後順序傳送ajax請求,並且在一次請求結束後才能發起下一次,不然就會導致邏輯錯誤。 解決辦法是定義一個數組,儲存ajax請求資料。 以下使用extjs4定義一個類 Ext.define('tazi.Test', {   answerList:[], //儲存應答資

JS如何防止AJAX命令重複載入(執行一次,自動向後臺傳送兩次以上的請求

將程式碼部署在伺服器上後,在提交資料並將資料插入資料庫時,總是在提交後不多時,資料便變成了亂碼。後來發現原來是AJAX在搗鬼。 1、將如下程式碼放在將要傳送AJAX請求的方法前 <!--防止ajax重複載入--> <script> function pre

JSP在提交表單之前,傳送ajax請求進行js的驗證

JSP中的程式碼: <script type="text/javascript"> // 校驗Phone number是否有效 function checkPhoneNumber() { // 定義ajax變數xmlhttp var xm

js監測頁面關閉傳送Ajax請求(瀏覽器關閉登出使用者,清空session)

說明: 需求為頁面關閉傳送一個ajax請求,使關閉瀏覽器及時清空session(瀏覽器關閉session並不會清空) 網站同時只能一個使用者登入,同一賬號後登入的使用者不能把前一個登入的使用者踢下線,有一個問題是前一個使用者不點選登出,那麼只能等到session超時下一個使用者才能登入。下面

使用jQuery傳送AJAX請求時在header新增Token

在前後端分離開發中,使用者登入時迴向後臺請求一個令牌來做使用者的身份驗證,之後的每次請求中,HTTP請求頭都要攜帶上這個道理,我是閒的程式碼如下: $.ajax({ headers: { "token":userToken//此處放置請

傳送ajax請求時加時間戳或者隨機數去除js快取

在傳送ajax請求的時候,為了保證每次的都與伺服器互動,就要傳遞一個引數每次都不一樣,這裡就用了時間戳 大家在系統開發中都可能會在js中用到ajax或者dwr,因為IE的快取,使得我們在填入相同的值的時候總是使用IE快取,為了解決這個問題一般可以用一下方法: 1:在ajax或者dwr提交的url後面加時間戳

原生JS傳送AJAX請求

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta http-http-equiv="content-type" content="text/html;charset=utf-8">

Vue傳送ajax請求——axios使用詳解

Vue中傳送ajax請求——axios使用詳解   axios 基於 Promise 的 HTTP 請求客戶端,可同時在瀏覽器和 node.js 中使用 功能特性 在瀏覽器中傳送 XMLHttpRequests 請求 在

laravel5.4自定義ajax請求響應類

accep 是把 post pos 放置 source 接收 尋找 但是 本人小白在it界混跡一年之久暫時沒有什麽成績只是把所以到的和大家分享一下,在工作和學習的過程中一直追求美觀,但是對於我來說畢竟實力有限,每當遇到一些返回或者是網站或者項目中的返回給用戶的友好提示的時

Vue2.5仿去哪兒app筆記二——swiper的自動構建 傳送ajax請求 父子元件傳值 兄弟元件間資料傳遞

swiper的自動構建 傳送ajax請求 父子元件傳值 兄弟元件間資料傳遞   swiper的自動構建 在首頁的icon頁面下,預設一個頁面中包括8個圖示。而我們希望若當頁面中有9個圖示時,可以左右拖動,形成輪播圖的效果。而且我們希望頁面能夠自動計算和適配圖示與輪播圖,

手動和自動傳送ajax請求

自動傳送  ---> 依賴jQuery檔案 例項-->GET請求: function AjaxSubmit() { $.ajax({ url:'/data', type:"GET", data:{'p':1}, succe

利用JQuery傳送ajax請求進行站內搜尋

前臺程式碼:(注意要匯入JQuery包,在lib中也要匯入gson-x.x.x.jar包) <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> &l

利用JQuery傳送ajax請求進行站內搜尋(Hibernate篇——超簡單系列)

此次任務是簡單的一次hibernate框架小訓練,利用上一篇的專案修改 1.導包,找到Hibernate-release-5.x.x.Final\lib\required下的所有包,copy到專案WEB-INF\lib下 2.開始編寫資料庫表(名字好煩,就亂取了) //建表h

使用ANGULAR2的HTTP傳送AJAX請求

使用Angular2的Http傳送AJAX請求 Angular的文件並不詳細,甚至API文件也有一些錯誤。經過查閱資料並經大量實驗,終於明確了Angular的Http傳送Ajax請求的方式方法。本文描述了通過Angular的Http傳送Ajax請求相關的全部內容。請各位同事仔細閱讀並付諸實踐。

為什麼傳送ajax請求頁面也會重新整理呢?

button 標籤請新增 type='button' 屬性,因為瀏覽器預設會認為 button 的屬性是submit.type=‘submit’時會發生提交表單的預設行為。 <button type='button' class="send_msg" oncli

接入天貓精靈auth2授權頁面https傳送ajax請求

已存在一個應用A,採用的是http互動, 在接入天貓精靈時,要求請求型別是https,所以在應用服務前加了個nginx轉發https請求。在繫結授權頁面,會發送ajax請求驗證使用者名稱和密碼,採用http傳送ajax請求, 一直不能進入java後臺方法。百度後發現https頁面是不能傳送http的aja

javaweb總結(九)--從jsp頁面傳送ajax請求,servlet接受引數並返回json資料

來自:https://blog.csdn.net/yanghan1222/article/details/78447231   今天遇到了問題把我難住了,解決之後就趕緊來記下來 這是一個很簡單的更新使用者的問題 先來看看專案所需jar包 接下來就是jsp頁面的東西

傳送ajax請求後收不到響應

向後臺傳送ajax請求,判斷伺服器處理完成後繼續處理,結果發現一直獲取不到處理完成狀態程式碼如下: xmlHttp.onreadystatechange = callback;xmlHttp.open("GET", "AJAXServletClient?userName="+ $("#descr

Django在同一個檢視要處理ajax請求遇到的一些坑

在寫專案中遇到的一些ajax的坑,在這裡做一下記錄 一、先放一個完整的前,後端示例 $("#bTinvite").click(function(){ inviTtemail = $("#invitefriends").val(); // a

傳送AJAX請求前先校驗伺服器是否重啟過

調整起因:當用戶處於應用登入後的介面內時,專案重啟後未重新登入而直接發起ajax請求不能轉至登入 頁面,介面不友好使用者未看到系統響應 解決方案: a.後端:在攔截器處進行AJAX請求過濾完成處理。發現Session不存在後,返回對$.ajaxSetup({})請求的響應。