Using PHP to echo a variable from javascript

Question

I'm aware of the difference between the client side javascript and server side PHP and that it's necessary to send the javascript back to the server to be retrieved again but I'm not sure how to do this.

Assuming some trivial javascript code that a variable is created based on some dynamic client side activity from the user:

var teststring = some selection

How would I be able to send and use this teststring in PHP to echo its contents (possibly using ajax or something else) and is it possible to do this on the same PHP page that the javascript is operating on?

I've tried something like this in javascript:

$.ajax({
  url: "originalpage.php",
  type: "POST",
  data: {
    teststring
  }
})

and in the originalpage.php which is the same page the js is operating on:

var_dump($_POST['teststring']);

Which outputs NULL. an echo returns nothing.

Darin Kolev · Accepted Answer · 2013-05-11 10:35:30Z

3

POST parameters require key name and key value, what you need is the following:

$.ajax({
   url: "originalpage.php",
   type: "POST",
   data: {
       'teststring': teststring
   }
)};

edited May 11, 2013 at 10:35

Darin Kolev

3,40913 gold badges34 silver badges48 bronze badges

answered May 11, 2013 at 10:14

Fernando Diaz Garrido

3,99521 silver badges23 bronze badges

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

4 Comments

user2372585 Over a year ago

This returns a NULL for the var_dump and nothing for an echo. Update code -> jsfiddle.net/2hGcs, can you see anything wrong with that?

Fernando Diaz Garrido Over a year ago

I think there is a confusion , when you load that php file for the first time, the js code has not been fired, thats why you dont get any POST value, then the js fires and will in the background do the request with the parameters the page will be formed correctly and replied to the javascript call correctly. You could log the POST param to your app logger and see how the parameters get logged the second time around or just alert your response in the ajax call

user2372585 Over a year ago

I see, thanks for the explanation. How would I log the POST param the second time round to see if the string has been received correctly?

Fernando Diaz Garrido Over a year ago

you can log it in the client by adding the follwing parameter to the ajax call: 'success: function(data) { console.log(data) ; alert(data)}. This will log the response in the javascript console and will alert the response

doubleb · Accepted Answer · 2013-05-11 11:01:58Z

0

Try this code, tested on my pc and all works ok. You can read the PHP response (the 'echo') only inside success or error.

$.ajax({
  url: "originalpage.php",
  type: "POST",
  data: "teststring="+teststring,
  success: function(response) {
    alert(response);
  }
});

answered May 11, 2013 at 11:01

doubleb

731 silver badge8 bronze badges

Collectives™ on Stack Overflow

Using PHP to echo a variable from javascript

2 Answers 2

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related