How to use ajax to pass a variable to a php file using POST method?

Question

I have modified the code

to POST prodID to ProductsList.php

  // its a dynamically generated drop menu
   while($rowmnu2=mysql_fetch_assoc($resulmnusub2))
    {
       echo '<li><a  id="'.$rowmnu2['liid'].'" href="#" onclick="passto(this.id)">'.$rowmnu2['title'].'</a></li>
';
    }

and here is my ajax function :

function passto(val){
//window.location.href="ProductsList.php?idd=" + val;
 $.ajax({
    url: 'ProductsList.php', 
    type: "POST",
    data: ({prodID: val}),
    success: function(data){
        //or if the data is JSON
        window.location.href="ProductsList.php";
    }
}); 
}

the passed element to the function is an integer

in the ProductsList.php I have

<?php 

if(!$_POST['prodID']) die("There is no such product!");

echo $_POST['prodID'];


?>

and I get There is no such product! while there should be an INT #

why is that ?

any one knows? all the bellow suggestions are not responding correctly

The ' onclick="passto(this)"' is sending a whole DOM object to the function. You will need to drill down to the actual piece of data that you are wanting. — user2417483
– user2417483, Commented Sep 8, 2013 at 7:44
Try Replace data: {prodID:val}, to data: {prodID:val.id}, — Tushar Gupta - curioustushar
– Tushar Gupta - curioustushar, Commented Sep 8, 2013 at 7:44
@jeff no it doesn't, I get just the ID number when I alert the val — TATIANA UMANSKAYA
– TATIANA UMANSKAYA, Commented Sep 8, 2013 at 8:52

user2535089 · Accepted Answer · 2013-09-08 21:37:56Z

2

$(document).ready(function() {
    $("a").click(function(event) {
        myid = $(this).attr('id');

        $.ajax({

        type: "POST",
            url: "ProductsList.php",
            data: {prodID: myid},
        dataType: "json",
            complete:function(){


            window.location("ProductsList.php");
        }

    });
});
});

edited Sep 8, 2013 at 21:37

answered Sep 8, 2013 at 7:55

user2535089

1342 silver badges11 bronze badges

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

Comments

Sudhir Bastakoti · Accepted Answer · 2013-09-08 07:57:12Z

1

if you want to POST id , you can change:

...onclick="passto(this)"...

to

...onclick="passto(this.id)"...

answered Sep 8, 2013 at 7:57

Sudhir Bastakoti

100k15 gold badges163 silver badges169 bronze badges

Comments

Fouad Fodail · Accepted Answer · 2013-09-08 16:39:43Z

0

That behavior is normal because you are requesting ProductsList.php twice. the first time with an AJAX request using $.ajax. for that time the id is sent correctly. The problem is that you request ProductsList.php again just after AJAX complete using window.location.href="ProductsList.php"; without sending anything. So the result is as expected, a page printing There is no such product!

You can fix the problem by replacing window.location.href="ProductsList.php"; by this one :

$('body').html(data);

or any other instruction to use properly the returned data.

You can either use my edited code or just edit yours :

echo '<li ><a  id="'.$rowmnu2['link'].'" href="#">'.$rowmnu2['title'].'</a></li>';

JS part :

$('a').click(function() {

    var val = $( this ).attr('id');

    $.ajax({
        type: "POST",
        url: "ProductsList.php",
        data: {prodID:val},
        complete:function(){
            $('body').html(data);  
        } 
   });
});

edited Sep 8, 2013 at 16:39

answered Sep 8, 2013 at 7:52

Fouad Fodail

2,6431 gold badge18 silver badges16 bronze badges

2 Comments

TATIANA UMANSKAYA Over a year ago

i have added complete:function(msg){ alert (msg) it alerts (undefined)

TATIANA UMANSKAYA Over a year ago

this one works success :function(msg){ alert( "Data Saved: " + msg ); pity that I am not able to vote your answer up. but thanks

Collectives™ on Stack Overflow

How to use ajax to pass a variable to a php file using POST method?

3 Answers 3

Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related