如何检查与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>