如何在Ajax中獲得json數組值

Question

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

Answer 1

您不應該使用eval（）。您可以將請求上的數據類型設置爲JSON或使用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); 
 
        } 
 
    }); 
 
});

Answer 2

由於您使用jQuery你可以使用 「parseJSON」

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

       } 
    }); 
}); 

Answer 3

數據，試試這個：

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

Answer 4

由於您使用AJAX，你可以直接將dataType設置爲json，而不需要再次解析數據。

$('#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); 
       } 
    }); 
});