近日在練習(xí)簽到送積分功能時(shí)，發(fā)現(xiàn)可以在一瞬間的時(shí)候提交好多次 導(dǎo)致可以重復(fù)領(lǐng)取多次積分 除了增加請求限制之外 發(fā)現(xiàn)ajax提交沒有限制重復(fù)提交 遂立此貼為警示

首先上表單代碼

表單樣式代碼

.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防重復(fù)提交代碼

function check_login() {

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

return false; //是 返回false

$("#btn_submit").addClass("disabled").val("正在提交"); //提交第一時(shí)間給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;

}

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。