Heim > Artikel > Backend-Entwicklung > So verwenden Sie PHP+Ajax, um die Benutzeranmeldeschaltfläche zu laden
Dieser Artikel verwendet die PHP+Ajax-Technologie, um den Ladeeffekt der Anmeldeschaltfläche zu erreichen, und der andere besteht darin, wiederholte Formularübermittlungen zu vermeiden Referenzwert, und interessierte Freunde können sich darauf beziehen.
Anmeldeformular
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>
Formular-Senden-Schaltfläche und Schaltflächen-Ungültigmachungsstil
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}
Verwandte Tutorials: Ajax-Video-Tutorial
Überprüfung der Formularübermittlung
1 function check_login() { 2 if ($("#btn_submit").hasClass("disabled"));//避免重复提交 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 }
Verwandte Tutorials: PHP-Video-Tutorial
Das obige ist der detaillierte Inhalt vonSo verwenden Sie PHP+Ajax, um die Benutzeranmeldeschaltfläche zu laden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!