How to get JSON response into variable from a jquery script

Question

I am having trouble with my jQuery script below, this is a basic stripped down version and even it will not work, I have the php file that the jQuery script makes a call to, I have it set to encode and show a JSON response

Then in the jQuery script it should read the value and respond to it but It is not getting the response.

Is json.response the wrong way to call a variable in the JSON string that is name response?

<?php
header('Cache-Control: no-cache, must-revalidate');
header('Expires: Mon, 26 Jul 1997 05:00:00 GMT');
header('Content-type: application/json');

// set to retunr response=error
$arr = array ('resonse'=>'error','comment'=>'test comment here');
echo json_encode($arr);
?>

//the script above returns this:
{"response":"error","comment":"test comment here"}

<script type="text/javascript">
$.ajax({
    type: "POST",
    url: "process.php",
    data: dataString,
    dataType: "json",
    success: function (data) {
        if (json.response == 'captcha') {
            alert('captcha');
        } else if (json.response == 'error') {
            alert('sorry there was an error');
        } else if (json.response == 'success') {
            alert('sucess');

        };
    }

})
</script>

UPDATE:

I have changed

json.response

into

data.response

But this did not make it ork either

Nathan Kleyn · Accepted Answer · 2012-09-18 09:09:42Z

Here's the script, rewritten to use the suggestions above and a change to your no-cache method.

<?php
// Simpler way of making sure all no-cache headers get sent
// and understood by all browsers, including IE.
session_cache_limiter('nocache');
header('Expires: ' . gmdate('r', 0));

header('Content-type: application/json');

// set to return response=error
$arr = array ('response'=>'error','comment'=>'test comment here');
echo json_encode($arr);
?>

//the script above returns this:
{"response":"error","comment":"test comment here"}

<script type="text/javascript">
$.ajax({
    type: "POST",
    url: "process.php",
    data: dataString,
    dataType: "json",
    success: function (data) {
        if (data.response == 'captcha') {
            alert('captcha');
        } else if (data.response == 'success') {
            alert('success');
        } else {
            alert('sorry there was an error');
        }
    }

}); // Semi-colons after all declarations, IE is picky on these things.
</script>

The main issue here was that you had a typo in the JSON you were returning ("resonse" instead of "response". This meant that you were looking for the wrong property in the JavaScript code. One way of catching these problems in the future is to console.log the value of data and make sure the property you are looking for is there.

Learning how to use the Chrome debugger tools (or similar tools in Firefox/Safari/Opera/etc.) will also be invaluable.

RaYell · Accepted Answer · 2009-08-11 17:12:43Z

5

You should use data.response in your JS instead of json.response.

answered Aug 11, 2009 at 17:12

RaYell

70.6k20 gold badges127 silver badges154 bronze badges

2 Comments

RaYell Over a year ago

can you check what type is your data. alert(typeof data); in success callback should do it.

RaYell Over a year ago

If you are using Firefox then install Firebug and in your success callback assign data to some global variable. myglob = data; Then use DOM tab to find that value and you will see exactly what's inside of it. That should probably give you a clue.

John Rasch · Accepted Answer · 2009-08-11 17:23:29Z

4

Your PHP array is defined as:

$arr = array ('resonse'=>'error','comment'=>'test comment here');

Notice the mispelling "resonse". Also, as RaYell has mentioned, you have to use data instead of json in your success function because its parameter is currently data.

Try editing your PHP file to change the spelling form resonse to response. It should work then.

answered Aug 11, 2009 at 17:23

John Rasch

63.6k19 gold badges109 silver badges141 bronze badges

1 Comment

JasonDavis Over a year ago

thanks that was the problem, I caught it in 1 area of the script but i missed that part

Sebass van Boxel · Accepted Answer · 2012-10-11 09:13:58Z

0

Look out for this pitfal: http://www.vertstudios.com/blog/avoiding-ajax-newline-pitfall/

Searched several houres before I found there were some linebreaks in the included files.

edited Oct 11, 2012 at 9:13

Sebass van Boxel

2,6221 gold badge24 silver badges37 bronze badges

answered Jul 3, 2012 at 11:16

Sven

211 bronze badge

Collectives™ on Stack Overflow

How to get JSON response into variable from a jquery script

4 Answers 4

Comments

2 Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

2 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related