Can't echo jquery (with ajax) variable in php

Question

I'm trying to post a variable through ajax. But it won't echo the variable in php.

This are the variables (these are working, seen in the log):

 $("#slider").bind("valuesChanged", function(e, data){console.log("min: " + data.values.min + " max: " + data.values.max);});

The Ajax part:

$("#slider").bind("valuesChanged", function (e, data) {

  $.ajax({
   type: "POST",
   dataType: "text",
   url: "../test.php",
   data: { minValue: data.values.min, maxValue: data.values.max },
   async: false,
   success: function(data){
      alert('yeah')

    },
     error: function(xhr) {
             alert('fail') // if your PHP script return an erroneous header, you'll land here
            }
 });
});

</script>

And php echo:

<?php

if ( $_POST ) {

        echo $_POST[ 'minValue' ];
            }
?>

Now why does it not echo the post? Thanks!

Maybe because the ajax success callback merely alerts, but does nothing with the response data? — Elias Van Ootegem
– Elias Van Ootegem, Commented Jul 5, 2013 at 9:42
@EliasVanOotegem That makes sense indeed.. thought it was just a check to see if it works. — Trekdrop
– Trekdrop, Commented Jul 5, 2013 at 9:48
I've posted an answer, based on my comment with an additional recommendation on the dataType property — Elias Van Ootegem
– Elias Van Ootegem, Commented Jul 5, 2013 at 11:21

Ayyappan Sekar · Accepted Answer · 2013-07-05 09:55:59Z

1

When you do echo in your PHP script it will be sent back to the ajax call as a response. So you must check in the success part of the $.ajax. So do,

....
success: function(data) {
  alert(data);
},
....

answered Jul 5, 2013 at 9:55

Ayyappan Sekar

11.5k2 gold badges22 silver badges22 bronze badges

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

Comments

Community · Accepted Answer · 2017-05-23 11:50:12Z

1

Ok seeing as my comment turned out to be the answer, here goes:
Change the success callback to do something with the data:

success: function(data)
{
    console.log(data);
}

I'd also recommend not setting the dataType explicitly. jQ does a good job at figuring out what the response's datatype is, and when sending an object litaral (like you're doing) it also does a smashing job at dealing with that, too.

Check this question for more details on how jQ "guesses" the datatype of the resonse
As you can read in the API docs, the default datatype is application/x-www-form-urlencoded; charset=UTF-8, so sending an object literal is no problem at all.

edited May 23, 2017 at 11:50

CommunityBot

11 silver badge

answered Jul 5, 2013 at 11:21

Elias Van Ootegem

76.7k10 gold badges123 silver badges160 bronze badges

Comments

BenMorel · Accepted Answer · 2013-11-02 21:50:57Z

1

The echo result is returned in the data variable passed to success method. It won't appear unless you do

alert(data)

edited Nov 2, 2013 at 21:50

BenMorel

37k52 gold badges208 silver badges339 bronze badges

answered Jul 5, 2013 at 9:43

Ahmed Elmorsy

5823 gold badges8 silver badges18 bronze badges

6 Comments

Trekdrop Over a year ago

okay that makes sense.. than what is the line to just use the variable in php? So no alerts.

Ahmed Elmorsy Over a year ago

why you want to use it in php? you may want to use it in jQuery you get the data and insert it in a specific html element.

Trekdrop Over a year ago

I know, it's is just a check to see if it recieves the value. Eventually I will use the values so they can be saved and updated

Ahmed Elmorsy Over a year ago

Yes you can use the values and then whatever you want to return or view as a response to the ajax request you will echo back it and then in JS you will put it the appropriate html element.

Ahmed Elmorsy Over a year ago

You are doing alert(data) in the success method inside the js right?

|

poplax · Accepted Answer · 2013-07-05 09:49:52Z

0

$("#slider").bind("valuesChanged", function(e, data) {
    $.ajax({
        type: "POST",
        dataType: "text",
        url: "../test.php",
        data: { minValue: data.values.min, maxValue: data.values.max },
        async: false,
        success: function(data) {
//          alert('yeah')
            alert(data)
        },
        error: function(xhr) {
            alert('fail') // if your PHP script return an erroneous header, you'll land here
        }
    });
});

answered Jul 5, 2013 at 9:49

poplax

112 bronze badges

Collectives™ on Stack Overflow

Can't echo jquery (with ajax) variable in php

4 Answers 4

Comments

Comments

6 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

6 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related