php+ajax如何實(shí)現(xiàn)用戶登錄按鈕加載

這篇文章運(yùn)用簡(jiǎn)單易懂的例子給大家介紹php+ajax如何實(shí)現(xiàn)用戶登錄按鈕加載，代碼非常詳細(xì)，感興趣的小伙伴們可以參考借鑒，希望對(duì)大家能有所幫助。

登錄表單

1 <form onsubmit="return check_login()" style="text-align: center;margin-top:50px"> 
2     <input value="登 錄"   class="btn_submit" id="btn_submit" type="submit"> 
3 </form>

表單提交按鈕和按鈕失效樣式

 1 .btn_submit { 
 2     background-color: #e31436; 
 3     color: #fff; 
 4     cursor: pointer; 
 5     display: inline-block; 
 6     font-size: 18px; 
 7     height: 44px; 
 8     line-height: 44px; 
 9     text-align: center; 
10     width: 200px; 
11     border-radius: 2px; 
12     border:none 
13 } 
14 .disabled{opacity: 0.5;cursor:default}

表單提交驗(yàn)證

 1 function check_login() { 
 2     if ($("#btn_submit").hasClass("disabled"));//避免重復(fù)提交  3     return false; 
 4     $("#btn_submit").addClass("disabled").val("正在提交"); 
 5     $.post("login.php", {id: 1}, function(data) { 
 6         $("#btn_submit").removeClass("disabled").val("登 錄"); 
 7         location.href = "http://www.sucaihuo.com/php/2747.html"; 
 8     }, "json"); 
 9     return false; 
10 }

關(guān)于php+ajax如何實(shí)現(xiàn)用戶登錄按鈕加載就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到。