我无法解析Jquery ajax JSON响应

Question

I am trying to parse the JSON results from an AJAX call, but do to the limitations of the server I am only able to get one large string. There are several elements returned, but the data I need to consume is all thrown into a single element. Now here is the tricky thing... if I use firebug the response has a JSON tag and everything looks like a proper JSON object, but when I try to map or view the results using an alert I notice they are single quotes instead of double quotes. i've tried replacing the quotes to no avail as well. I'm pretty much stumped at this point.

the alert would print out something simular to this: [{'id':'2663','parent':'2663'},{'id':'2664','parent':'2664'},]

        $.ajax({
            url: myURL,
            type: 'GET',
            dataType: "json",
            complete: function(docData) {
                var docResults = docData.responseText;
                alert(docResults);
                $(docResults).each(function(i,val){
                    $.each(val,function(k,v){
                          console.log(k+" : "+ v);     
                    });
                });                
            }
        });

Answer 1

The correct way to fix this is to fix it on the server, however, there is a way to fix it client-side using the dataFilter callback.

$.ajax({
  url: myURL,
  type: 'GET',
  dataType: "json",
  dataFilter: function(response) {

    // *** Note: this will have to be modified if quotes 
    // *** can be contained within the data. It doesn't appear as though
    // *** that is the case with the data you have provided. 

    return response
      // fix trailing comma
      .replace("},]","}]")
      // fix quotes
      .replace(/'/g,'"'));
  },
  success: function (response) {
    $.each(response,function(){
      console.log(this);
    });
  }
});