Pass JQuery Variable To Php Via AJAX

Question

Am passing a variable to JQuery via the data-pid in a href link in payments.php and using AJAX to pass this variable to pmntPopup.php, however the variable is not being passed on

payments.php

<td class="listingTextLeft">
<a href="" data-pid="<?php echo $row[0] ?>" class="pmntDetail"><?php echo $row[20] ?></a>
</td>
<script>
        $( ".pmntDetail" ).click(function( paymentID ) {
            paymentID.preventDefault();
            paymentID.stopPropagation();
            var pmntid = $(this).data("pid");
            console.log("ID: ", pmntid);
            $.ajax({
                type: "POST",
                url: "pmntPopup.php",
                data: {pmntid : pmntid },
                success:function(data) {
                    console.log(pmntid);
                    $("#pmntDetailPopup").modal({position: ["5%"]});
                }
            });
        });
</script>

The console log in both instances show the correct value for pmntid but when when trying to use POST to retrieve it in pmntPopup.php below I just get the 'Payment Is Not Carried' message.

pmntPopup.php

<?php
    if(isset($_POST['pmntid'])) {
        $pmntid = $_POST['pmntid'];
    } else {
        echo "Payment Is Not Carried";
    }
?>

I've searched this site and from what I can tell this should work, I've probably missed something really basic or doing something really stupid ... or both.

Console POST output:

Console POST Output

Hi @Jay, have already posted a picture of the POST output from the console above, the picture below shows the Popup window output if that's any help:

Popup Post Output

As requested the console response output is shown below:

Have you watched the request / response in your browser's console window? Any errors? — Jay Blanchard
– Jay Blanchard, Commented Feb 25, 2015 at 20:54
No, no errors in the console and it gives the correct pmntid. Have added a picture showing this. @Sulthan, yes have echo'd the $_POST['pmntid'] and it comes up blank. — Wignu
– Wignu, Commented Feb 25, 2015 at 21:11
Something is echoing back the '21', what else is in pmntPopup.php? — Jay Blanchard
– Jay Blanchard, Commented Feb 25, 2015 at 21:19
Your update doesn't provide any more insight. What is in the response tab of the Post? — Jay Blanchard
– Jay Blanchard, Commented Feb 25, 2015 at 21:50

Jay Blanchard · Accepted Answer · 2015-02-25 21:14:25Z

0

I'm not sure what you're doing with the paymentID variable, but this should work for you:

$( ".pmntDetail" ).click(function( ) {
    var pmntid = $(this).data("pid");
    console.log("ID: ", pmntid);
    $.ajax({ ...

edited Feb 25, 2015 at 21:14

Jay Blanchard

34.5k17 gold badges82 silver badges130 bronze badges

answered Feb 25, 2015 at 21:02

wholegrainwheat

11 bronze badge

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

2 Comments

Jay Blanchard Over a year ago

Those line breaks and all that were in there were because the code was not formatted properly @Wignu

Wignu Over a year ago

Ah thought it might be formatting. Tried the code again without it, gives the following error: PST http://localhost/pmntPopup.php x as if it now cannot find the pmntPopup.php file.

Nagendra Rao · Accepted Answer · 2015-02-25 22:03:02Z

0

Try this, the response of the ajax call will be set to data variable of your success callback function.

payments.php

<td class="listingTextLeft">
<a href="#" data-pid="<?php echo $row[0] ?>" class="pmntDetail"><?php echo $row[20] ?></a>
</td>
<script>
        $( ".pmntDetail" ).click(function( event ) {
            event.preventDefault();
            var pmntid = $(this).data("pid");
            console.log("ID: ", pmntid);
            $.ajax({
                type: "POST",
                url: "/UCM/pmntPopup.php",
                data: {pmntid : pmntid },
                success:function(data) {
                    console.log(data); // YOU WILL RECEIVE THE RESPONSE IN data variable.
                    $("#pmntDetailPopup").modal({position: ["5%"]});
                }
            });
        });
</script>

pmntPopup.php

<?php
    if(isset($_POST['pmntid'])) {
        echo $_POST['pmntid'];
    } else {
        echo "Payment Is Not Carried";
    }
?>

[Also, I have put the complete url of the file, ie., "/UCM/pmntPopup.php" to your ajax url param]

edited Feb 25, 2015 at 22:03

answered Feb 25, 2015 at 21:56

Nagendra Rao

7,1725 gold badges58 silver badges95 bronze badges

1 Comment

Wignu Over a year ago

Thanks Rao, but still have the same problem, no pmntid passed through.

score 0 · Accepted Answer · 2015-02-27 11:30:37Z

0

Try this instead.

<td class="listingTextLeft">
<a href="" data-pid="<?php echo $row[0] ?>" class="pmntDetail"><?php echo $row[20] ?></a>
</td>
<script type="text/javascript">
$( ".pmntDetail" ).click(function(e) {
e.preventDefault();
var pmntid = $(this).data("pid");
console.log("ID: ", pmntid);
var request = $.ajax({
url: "pmntPopup.php",
type: "POST",
data: {pmntid : pmntid},
dataType: "html"
});
request.done(function(msg) {
console.log( msg );
});
request.fail(function(jqXHR, textStatus) {
alert( "Connection error: " + textStatus );
});
});
</script>

pmntPopup.php

<?php
    if(isset($_POST['pmntid'])) {
        $pmntid = $_POST['pmntid'];
         echo $pmntid;
    } else {
        echo "Payment Is Not Carried";
    }
?>

As an alternative solution try jQuery post

$.post( "pmntPopup.php", {pmntid : pmntid})
.done(function( data ) {
alert( "Data Loaded: " + data );
});

edited Feb 27, 2015 at 11:30

answered Feb 25, 2015 at 22:08

user2560539

9 Comments

Wignu Over a year ago

Made no difference sorry, variable still not passed through.

Nagendra Rao Over a year ago

@PeterDarmis "Use single quotes on data-index", why?

user2560539 Over a year ago

@Rao based on a working example stackoverflow.com/questions/8046482/…

Wignu Over a year ago

Yes I tried both, even tried it with single quotes around pid. Still no go unfortunately.

user2560539 Over a year ago

Then as @Rao posts in his answer you should check the path that you post data. I don't know where pmntPopup.php is located in your server if it is in the same folder with payments.php.

|

Collectives™ on Stack Overflow

Pass JQuery Variable To Php Via AJAX

3 Answers 3

2 Comments

1 Comment

9 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

1 Comment

9 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related