1. 程式人生 > >防止重複傳送ajax請求的解決方法

防止重複傳送ajax請求的解決方法

Ajax技術不必重新整理整個頁面,只對頁面的區域性進行更新,在前端各方面應用都很多。

關於防止重複傳送ajax請求,一般是重複點選提交按鈕導致重複提交,網上也有很多解決方法,這裡寫一下我自己用的一個方法。

var postFlag = false//定義一個變數為false

function changeInfo(url,data) {

if (postFlag) {

return false//如果正在提交則結束

}else {

    postFlag = true//標記當前狀態為正在提交

$.ajax({

type: "post",

url: url,

data: data,

success: function(result) {

if (result.errorCode == 0) { //我這裡設定result.errorCode == 0為傳送成功或獲得想要的值

//返回正確值後的程式碼寫在這

}else{

            postFlag = false; //傳送失敗或不是想要的值後,將postFlag重歸為false

}

},

error: function(error) {

        postFlag = false//這個的原理也是一樣,傳送錯誤後重歸為false

}

});

}

}

這樣你重複點選提交按鈕就不會出現重複提交的問題了 

相關推薦

防止重複傳送ajax請求解決方法

Ajax技術不必重新整理整個頁面,只對頁面的區域性進行更新,在前端各方面應用都很多。 關於防止重複傳送ajax請求,一般是重複點選提交按鈕導致重複提交,網上也有很多解決方法,這裡寫一下我自己用的一個方法。 var postFlag = false; //定義一個變數為f

怎樣防止重複傳送 Ajax 請求

我推薦用主動查詢狀態的方式(A、B,jQuery 為例)或工具函式的方式(C、D)來去除重複操作,並提供一些例子作為參考: A. 獨佔型提交 只允許同時存在一次提交操作,並且直到本次提交完成才能進行下一次提交。 module.submit = function() { if (this.promise

ajax請求解決方法及案例

nts scrip ava hsi extend cond 得到 als 使用   當前項目對用戶體驗的要求層出不窮,本篇通過所歷項目與前輩網文日誌加以記錄總結。   多個 ajax 請求的各類解決方案:同步,隊列,cancel 請求,本章末尾提供 demo,或點這裏。  

防止重複ajax請求的思索分析

防止重複發ajax請求是平時開發中遇到頻次較高的問題了。我通常解決方案有如下幾種, UI限制。 點選完按鈕後,就禁用按鈕, 並開啟顯示等待動畫,收到伺服器的成功響應後,再隱藏動畫,最好設定超時,時間不要太長,如果太長,使用者會罵街。 (網路圖片, 侵刪)

WebAPI Ajax 跨域請求解決方法(CORS實現)

custom XML header 就會 情況 取數 -o cross serve 概述 ASP.NET Web API 的好用使用過的都知道,沒有復雜的配置文件,一個簡單的ApiController加上需要的Action就能工作。 但是在使用API的時候總會遇到跨

對於Ajax請求出現Options請求解決方法(Fiddler)

今天突然通過Ajax呼叫接口出現異常,居然有Options請求,當然瞭解過,沒有實際遇到,後來查詢各種得到對於複雜請求它會先進行Options請求,用來試水,如果試水成功,繼續真正的請求,否則終止

[置頂] jQuery傳送ajax請求,一次點選重複提交

問題描述: 前臺頁面 <input type="button" class="inputbutton" id="btnlogin" value="登入" /> show.js: $("#btnlogin").click(function(){ $.aj

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

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

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

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

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

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

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

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

ROS cmake編譯出現重複定義main函式解決方法

add_executable(map_engine_node  src/listener.cpp src/map_engine_node.cpp) add_executable這個命令是用來生成一個可執行檔案的,原始檔可以有多個,但其中只能有一個主函式,就跟VS裡面的工程一樣,但是我誤