无法解析JSON字符串

Question

this is my JSON response from server :-

{
    "Details": [
        {
            "ID": 234872,
            "Name": "asdfg",
            "Address": "hasgdkjfgsjaf,asfuysdfg",
            "Email": "",
            "Mobile": "",
            "Profile": "gwekjrg ",
            "Amt": 0,
            "Date": ""
        }
    ]
}

this is my js code that i have written to parse it and use it in my app :-

function getDetail(madeUrl) {
        $.ajax({
        url: madeUrl,
        type : "GET",
        dataType : "json",
        contentType: "application/json",
        success: function(msg) {
                $("#detail tr").remove();
                var searchResponse = msg.Details;
                var html;
                $.each(searchResponse, function(index, data) {
                    html = '<tr><td>' + data.Name + '</td> <td>' + data.Amt + '</td></tr>' + data.Profile + '</td></tr>' + data.Date + '</td></tr>';
                    $("#detail").append(html);
                });
                $('#report').fadeIn();
            },
            error: function (xhr, ajaxOptions, thrownError) {
                alert("errorstatus: " + xhr.status + " ajaxoptions: " + ajaxOptions + " throwError: " + thrownError);
            },
            complete : function() {

            }
        });
}

but it throws an error like unable to parse JSON string.Unable to find out the reason.Any help ?

Answer 1

Please try this code. It's working fine for me. Hope it should helpful for you. Please let me know. Thanks.

Html:

<div id="detail"></div>

Script:

var j ='{"Details": [{"ID": "234872","Name": "asdfg","Address": "hasgdkjfgsjaf,asfuysdfg","Email": "","Mobile": "","Profile": "gwekjrg ","Date": ""}]}';

var json = $.parseJSON(j).Details;
$(json).each(function(i,val){
    $.each(val,function(k,v){
    console.log(k+" : "+ v); 
    $("#detail").append(k+" : "+ v + " <br />");
});
});

Demo URL:

Demo

Answer 2

If you have unparsable JSON message, it means that somehow your JSON is not seen as valid by JQuery.

To be sure, I would remove dataType and contentType from the ajax call (default datatype is "Intelligent Guess" which means jquery will automatically parse JSon if it detects it or send text otherwise) and add the following line at the begining of the success function :

alert(msg === Object(msg)?"json received:\n"+JSON.stringify(msg):"text received:\n"+msg);