How we can get json array value in Ajax

Question

$('#button').click(function(){
    $.ajax({
        url : "test2.php",
        data : $("#tab"),
        type : "GET",
        success : function(b){
                      b = eval('('+ b +')');    
                      console.log((b['t']));
                      alert(b);
                  }
    });
});

you can use JSON.parse - almost same question here. http://stackoverflow.com/questions/9991805/javascript-how-to-parse-json-array — Ray, Nov 21 '15 at 12:18

score 0 · Answer 1 · answered Nov 21 '15 at 12:17

You shouldn't use eval(). You can either set the data type on the request as JSON or use JSON.parse();

$('#button').click(function(){
    $.ajax({
        url : "test2.php",
        data : $("#tab"),
        type : "GET",
        success : function(b){
                      b = JSON.parse(b);    
                      console.log((b['t']));
                      alert(b);
                  }
    });
});

//datatype as JSON

$('#button').click(function(){
    $.ajax({
        url : "test2.php",
        data : $("#tab"),
        type : "GET",
        dataType: "json",
        success : function(b){   
                      console.log((b['t']));
                      alert(b);
                  }
    });
});

score 0 · Answer 2 · answered Nov 21 '15 at 12:20

You can get data using "parseJSON"

$('#button').click(function(){
    $.ajax({
        url : "test2.php",
        data : $("#tab"),
        type : "GET",
        success : function(b){
                 var obj = jQuery.parseJSON(b);
                 console.log(obj);

                }
    });
});

score 0 · Answer 3 · answered Nov 21 '15 at 12:21

0

Since you are using Jquery, try this:

$('#button').click(function(){
    $.ajax({
        url : "test2.php",
        data : $("#tab"),
        type : "GET",
        success : function(b){
            var obj=jQuery.parseJSON(b);
            alert(obj.<name>);
        }
    });
});

answered Nov 21 '15 at 12:21

Manikiran

2,618
1
23
39

am using value in json – Ritu Nov 21 '15 at 12:30
And after I want get value in Ajax on next page – Ritu Nov 21 '15 at 12:32
Could you provide some values of your json? Btw in the following code, `obj.` change `` to your key. – Manikiran Nov 21 '15 at 12:49

score 0 · Answer 4 · answered Nov 21 '15 at 12:45

Since you are using AJAX, you can directly set the dataType as json and no need to again parse the data.

$('#button').click(function(){
$.ajax({
    url : "test2.php",
    data : $("#tab"),
    dataType : "json",
    type : "GET",
    success : function(b){
                  // b is in the JSON format, print the complete JSON
                  console.log(JSON.stringify(b));    
                  console.log(b['t']);
                  alert(b);
              }
  });
});

How we can get json array value in Ajax

4 Answers4