jquery-ajax中的parseJSON toJSON响应不起作用

Question

I am new to AJAX using jquery. I have a json response as below:

[{"customer_name":"Customer A"},{"customer_name":"Customer B"},{"customer_name":"Customer C"}]

And my ajax file is :

 function(result){
    $('#resdiv').html(result);
    console.log(result);
    var json_obj = $.parseJSON(result);//parse JSON
    alert(json_obj);

    var output="<ul>";
    for (var i in json_obj)
    {
    output+="<li>" + json_obj[i].customer_name + "</li>";
    }
    output+="</ul>";
    $('#resdiv1').html(output);
}

Though I can view the JSON response in div id resdiv, the div id resdiv1 is empty ! Also alert(json_obj); does not alerts anything ! Whats wrong with the file ?

NB: I am learning from Zuch Tutorial

Answer 1

You dont need to parse the json again.Simply do a iteration and try like this

var json = [{"customer_name":"Customer A"},{"customer_name":"Customer B"},{"customer_name":"Customer C"}];

var output="<ul>";
$.each(json,function(key,val){
  output+="<li>" + val.customer_name + "</li>";
});
output+="</ul>";

console.log(output);

See DEMO