亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

禁用按鈕會破壞 php post

禁用按鈕會破壞 php post

Qyouu 2022-06-16 10:33:55
我有一個按鈕,A) 執行 PHP 腳本,B) 具有在腳本運行時隱藏/顯示加載指示器的功能。在腳本運行時,我想禁用該按鈕。我遇到的問題是我可以禁用該按鈕,但這會阻止 PHP 的東西運行。按鈕<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);到該函數,但這會導致加載器無限期地顯示,看來 PHP 沒有被觸發。我還嘗試向按鈕添加禁用的 onclick,但這只會導致頁面刷新(加載程序顯示一秒鐘)并且似乎也不會觸發 PHP。最后我嘗試添加<script>$("#CheckConnectionBtn").attr("disabled", true);</script>對于 PHP,但這會導致頁面在單擊按鈕之前不顯示任何內容。如何禁用單擊按鈕但仍觸發 php 和我的功能?
查看完整描述

2 回答

?
慕姐4208626

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。


查看完整回答
反對 回復 2022-06-16
?
慕容森

TA貢獻1853條經驗 獲得超18個贊

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



查看完整回答
反對 回復 2022-06-16
  • 2 回答
  • 0 關注
  • 138 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號