HTTP POST/GET request to PHP script and JSON response

Question

I have pages that send POST/GET requests to PHP scripts on the server. All PHP scripts respond in JSON. Question is how to capture the JSON response at the client-side in JavaScript.

Example : when i submit the form register.html, i want to capture and manipulate (using Javascript) the JSON response returned from http://localhost/register.php.

dm03514 · Accepted Answer · 2011-12-30 15:29:17Z

2

You have to make an AJAX request. You can do this quite simply by using a library such as jquery. Or a little more difficultly just using javascript.

Using AJAX will change the current flow of your application though. This follow example is using jquery

<form onSubmit="makeRequest(); return false;"></form>

function makeRequest() {
  $.post('register.php', formDataHereAsAnObject, function(response) {
     console.log(response) // this response is your json
  });

}

answered Dec 30, 2011 at 15:29

dm03514

56.2k18 gold badges117 silver badges147 bronze badges

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

Comments

Alexander · Accepted Answer · 2011-12-30 15:32:49Z

0

i could recommend http://www.json.org/js.html for a detailed description of using JSON.

answered Dec 30, 2011 at 15:32

Alexander

1233 silver badges10 bronze badges

Comments

Eugen Rieck · Accepted Answer · 2011-12-30 15:34:25Z

0

The moment you submit a form in the classic sense, you're out of luck. What you want is to load the JSON response from the server. To achieve this, there are a few possibilities

Set the target of your form to an invisible iframe and do submit it, then take the JSON out of there via JS (old school)
Start an AJAX request (via a framework or directly), that ends up having your data in a JS variable

answered Dec 30, 2011 at 15:34

Eugen Rieck

65.6k10 gold badges75 silver badges97 bronze badges

Collectives™ on Stack Overflow

HTTP POST/GET request to PHP script and JSON response

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related