首頁猿問禁用按鈕會破壞 php post

禁用按鈕會破壞 php post

JavaScript

Qyouu 2022-06-16 10:33:55

我有一個按鈕，A) 執(zhí)行 PHP 腳本，B) 具有在腳本運(yùn)行時隱藏/顯示加載指示器的功能。在腳本運(yùn)行時，我想禁用該按鈕。我遇到的問題是我可以禁用該按鈕，但這會阻止 PHP 的東西運(yùn)行。按鈕<form method="post"><button id="CheckConnectionBtn" name="CheckConnectionBtn" class="CheckConnectionBtn" button onclick="ShowWaiting()">Test connection</button></form>PHP<?phpif(isset($_POST['CheckConnectionBtn'])){ $output = shell_exec("/script.sh"); $_SESSION["CONNECTION_CHECK"] = "$output";}?>功能<script>function ShowWaiting() {document.getElementById("loader_id").style.display = "block";document.getElementById("loader_text_id").style.display = "block";}</script>我嘗試添加$("#CheckConnectionBtn").attr("disabled", true);到該函數(shù)，但這會導(dǎo)致加載器無限期地顯示，看來 PHP 沒有被觸發(fā)。我還嘗試向按鈕添加禁用的 onclick，但這只會導(dǎo)致頁面刷新（加載程序顯示一秒鐘）并且似乎也不會觸發(fā) PHP。最后我嘗試添加<script>$("#CheckConnectionBtn").attr("disabled", true);</script>對于 PHP，但這會導(dǎo)致頁面在單擊按鈕之前不顯示任何內(nèi)容。如何禁用單擊按鈕但仍觸發(fā) php 和我的功能？

查看完整描述

2 回答

慕姐4208626

TA貢獻(xiàn)1852條經(jīng)驗(yàn) 獲得超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

});

<button id="CheckConnectionBtn" class="CheckConnectionBtn">Test Connection</button>

利用$.ajax()，您可以設(shè)置 beforeSend 回調(diào)以開始加載圖像，然后在成功回調(diào)中將其關(guān)閉。這不需要表單，因?yàn)樗褂?AJAX 操作。顯然，替換this.php為您的連接腳本的 URL。

反對回復(fù) 2022-06-16

慕容森

TA貢獻(xiàn)1853條經(jīng)驗(yàn) 獲得超18個贊

首先將按鈕替換為input type = button,Input嘗試添加onclick = "return sub();"function sub() {document.getElementById('btn').disabled = true;//我要找的ID因?yàn)檫@里是輸入標(biāo)簽的ID// document.forms[0].submit();}

反對回復(fù) 2022-06-16