如何檢查與ajax調用php文件中單擊哪個按鈕

Question

我有一個表單post.php，其中用戶輸入數據，而receivepost.php，其中輸入的數據通過ajax post傳輸。 我想在receivepost.php中實現以下目標：

        if(button save is pressed) {
            save to database

        }else if(button retrieve is pressed) {
          retrieve from database
}

我嘗試在reveivepost.php上使用isset（$ _ POST ['submit']），但它無法檢測到按下的按鈕。 ajax發布正在運行，所有數據都可以在receivepost頁面上找到。 我有另一個解決方案是創建2個不同的php文件，並根據按下的按鈕運行它們，但我認為有更好的解決方案。

這是我的ajax電話：

$("document").ready(function () {

  $("#submit").click(function () {

        var xmlhttp;

        // test browsers
        if(window.XMLHttpRequest) {

          xmlhttp = new XMLHttpRequest();

        }else {
          xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        }

        // get the values of textboxes
        var desc_text = $("#desc").val();
        var speed_text = $("#speed").val();
        var tarea_text = $("#tarea").val();

        // variable to hold value of textboxes
        var content = "desc=" + desc_text + "&speed=" + speed_text + "&tarea=" + tarea_text;

        // open the request
        xmlhttp.open("POST", "receivepost.php", true);

        // set header
        xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");

        // check xmlhttp state and status and display text in div
        xmlhttp.onreadystatechange = function() {
          if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {

           document.getElementById('para').innerHTML = xmlhttp.responseText;
          }

        }
        // send the content of the textboxes
        xmlhttp.send(content);


      });
   });

這是我的post.php表格：

<form id="myform">

    <label for="description">Description:</label>
    <input type="text" id="desc" name="desc" /><br/>


    <label for="speed">Speed: </label>
    <input type="text" id="speed" name="speed" /><br/>

    <textarea id="tarea" cols="10" rows="10" name="tarea"></textarea><br/>

    <input type="button" id="submit" name = "submit" value="Save">
    <input type="button" id="retrieve" name="retrieve"  value="Retrieve">

 </form>
<div id="para"></div>

Answer 1

嘗試向內容添加一個額外的參數，稱為button-pressed，您稍后可以在receivepost.php中使用它，如下所示：

if($_POST['button-pressed']=="save"){  
    //savetodb code  
}
else if($_POST['button-pressed']=="retrieve"){  
    //retreivefromdb code  
}

也許您有兩個JavaScript函數，每個按鈕上都有一個：

$("#submit").click(function () {
    var content = "button-pressed=save" + "&desc=" + desc_text + "&speed=" + speed_text + "&tarea=" + tarea_text;

$("#retrieve").click(function () {
    var content = "button-pressed=retrieve" + "&desc=" + desc_text + "&speed=" + speed_text + "&tarea=" + tarea_text;

希望這可以幫助？

Answer 2

<input type="button" id="submit" name ="submit" value="save" onClick="fnc(this.id)">
<input type="button" id="retrieve" name="retrieve"  value="retrieve" onClick="fnc(this.id)">
<script type="text/javascript">
function fnc(myid) {

var val=document.getElementById(myid).value;
alert(val);
}
 </script>