2 回答

TA貢獻1852條經驗 獲得超7個贊
考慮以下代碼。
$(function() {
function showWaiting() {
$("#loader_id, #loader_text_id").show();
}
function endWaiting() {
$("#loader_id, #loader_text_id").hide()
}
$("#CheckConnectionBtn").click(function() {
var self = $(this);
$.ajax({
url: "this.php",
data: {
CheckConnectionBtn: true
},
method: "POST",
beforeSend: showWaiting,
success: endWaiting
});
});
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button id="CheckConnectionBtn" class="CheckConnectionBtn">Test Connection</button>
利用$.ajax(),您可以設置 beforeSend 回調以開始加載圖像,然后在成功回調中將其關閉。這不需要表單,因為它使用 AJAX 操作。顯然,替換this.php為您的連接腳本的 URL。

TA貢獻1853條經驗 獲得超18個贊
首先將按鈕替換為input type = button,Input嘗試添加onclick = "return sub();"function sub() {document.getElementById('btn').disabled = true;//我要找的ID因為這里是輸入標簽的ID// document.forms[0].submit();}
添加回答
舉報