How to read JSON string [jQuery]

Question

Ajax call

 $( "#day").datepicker({
    onSelect: function(request) {
        $.ajax({
            type: "POST",
            url: '${pageContext. request. contextPath}/url.htm',
            data: JSON.stringify({
                id: '${someId}'
            }),
           dataType: 'json',
            contentType: "application/json;charset=utf-8",
            success: function (response) {
                if(response.b === true) {
                    $("#fruit").val(response.a);
                }
            }
        }).fail(function(xhr, status, error){
            console.log('error:' + status + ':' + error + ':' + xhr.responseText);
        });
    }
    });

String response from ajax call is as below

{
  "a": "apple",
  "b": true
}

I have tried reading it using var json = $.parseJSON(response); and I get exception Uncaught SyntaxError: Unexpected token o

console.log(response); shows data on console as

Object {
  "a": "apple",
  "b": true
}

I want to fetch value of "a" and "b". How can this be achieved?

there is no need to parse it again, use response.a and response.b to access value of a and b — Pranav C Balan
– Pranav C Balan, Commented Jan 19, 2014 at 10:53
response is not a string it seems. Do a typeof response and you will see that it is already an object created automatically from the json response. — vinczemarton
– vinczemarton, Commented Jan 19, 2014 at 10:58
Than it is not a string. You can access it's properties directly just like @PranavRam said. Or alternatively you can use the indexer operator like this: response["a"] and response["b"]. — vinczemarton
– vinczemarton, Commented Jan 19, 2014 at 11:00

Allan Chua · Accepted Answer · 2014-01-19 10:55:07Z

2

It's already on JSON format. you don't need to parse it anymore.

use it like this.

  response.a;
  response.b;

answered Jan 19, 2014 at 10:55

Allan Chua

10.2k9 gold badges45 silver badges67 bronze badges

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

Comments

Jaskaran singh Rajal · Accepted Answer · 2014-01-19 11:11:12Z

2

Please review it I have done some changes :) if any query please ask me

$( "#day").datepicker({
        onSelect: function(request) {
            $.ajax({
                type: "POST",
                url: '${pageContext. request. contextPath}/url.htm',
                data: JSON.stringify({
                    id: '${someId}'
                }),
                dataType: 'json',
                success: function (response) {
                    if(response['b'] === true) {
                        $("#fruit").val(response['a']);
                    }
                }
            }).fail(function(xhr, status, error){
                console.log('error:' + status + ':' + error + ':' + xhr.responseText);
            });
        }
        });

answered Jan 19, 2014 at 11:11

Jaskaran singh Rajal

2,3302 gold badges19 silver badges32 bronze badges

1 Comment

java_dude Over a year ago

With JSON datatType, tried both forms: console.log(response['d']); and console.log(response.d);; Still gets undefined

Shhade Slman · Accepted Answer · 2014-01-19 11:03:01Z

1

check this:

var ajaxResult = '{"a":"apple","b": true}';

var json= $.parseJSON(ajaxResult );

console.log(json.a);

answered Jan 19, 2014 at 11:03

Shhade Slman

2482 silver badges10 bronze badges

Collectives™ on Stack Overflow

How to read JSON string [jQuery]

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related