近日在練習簽到送積分功能時，發現可以在一瞬間的時候提交好多次 導致可以重復領取多次積分 除了增加請求限制之外 發現ajax提交沒有限制重復提交 遂立此貼為警示

首先上表單代碼

表單樣式代碼

.btn_submit {

background-color: #e31436;

color: #fff;

cursor: pointer;

display: inline-block;

font-size: 18px;

height: 44px;

line-height: 44px;

text-align: center;

width: 200px;

border-radius: 2px;

border:none

}

.disabled{opacity: 0.5;cursor:default}

AJAX防重復提交代碼

function check_login() {

if ($("#btn_submit").hasClass("disabled"));//避免重復提交 判斷是否為disabled

return false; //是 返回false

$("#btn_submit").addClass("disabled").val("正在提交"); //提交第一時間給class加上disabled

$.post("login.php", {id: 1}, function(data) {

$("#btn_submit").removeClass("disabled").val("登 錄"); //成功返回后 取消disabled

location.href = "http://www.sucaihuo.com/php/2747.html";

}, "json");

return false;

}

總結

以上是生活随笔為你收集整理的php ajax 重复提交,php+ajax远程加载避免重复提交的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。