how to check which button is clicked in php file with ajax call

Question

I have a form post.php where the user inputs data and receivepost.php where the data entered is transferred through Ajax post. I want to achieve the following in the receivepost.php:

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

I tried using isset($_POST['submit']) on the reveivepost.php but it does not detect the button which is pressed. The Ajax post is working and all the data is available on the receivepost page. I have another solution that is to create 2 different PHP files and run them according to the button pressed but I think there is a better solution to it.

Here is my ajax call :

$("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);

       
      });
   });

Here is my post.php form:

<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>

Why not trying instead of if(isset($_POST['submit'])){code here} something different, like if(!empty($_POST['submit'])){code here} .. it checks if there is data in it, instead of checking if it's set. This way you can avoid the set, and just see if the button you pressed has data send. I think thats a tat more reliable. — Dorvalla
– Dorvalla, Commented Oct 16, 2012 at 10:16
I tried if(!empty($_POST['submit'])) { echo 'it is not empty'; } and posting it back on the div it does not work — Wafi Farreedun
– Wafi Farreedun, Commented Oct 16, 2012 at 10:21

sainiuc · Accepted Answer · 2012-10-16 10:23:10Z

1

Try to add to the content an extra parameter called button-pressed which you can later use in receivepost.php as below:

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

Perhaps you have two JavaScript functions, one on each button:

$("#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;

Hope this helps?

edited Oct 16, 2012 at 10:23

answered Oct 16, 2012 at 10:17

sainiuc

1,69711 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Wafi Farreedun Over a year ago

Seems to be working RoManiac i just tested for the submit button only but should be fine with the retrieve as well.gdoron was right but your explanation is clearer. thank you :)

xXx · Accepted Answer · 2021-09-11 09:43:06Z

0

<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>

edited Sep 11, 2021 at 9:43

xXx

1,1611 gold badge11 silver badges25 bronze badges

answered Oct 16, 2012 at 10:30

polin

2,8853 gold badges17 silver badges20 bronze badges

Collectives™ on Stack Overflow

how to check which button is clicked in php file with ajax call

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related