Question

Hi iv got this error on my ajax function using json on retrieving data. It wont return any data. Here’s my code below

$.ajax({
  url: "php/getCategory.php?action=getyear",
  cache: false,
  dataType: "json",
  success: function(data){
    $.each(data.items, function(i,item){
        $("#catYear").append('<option value="'+item.id+'">'+item.name+'</option>');
    });
  }
});

When i try to remove dataType: “json” it will pass into success: function. I think the problem is on my json. I also echo the output of my getCategory.php and i think their is no problem on it. Below is the output of my php json_encode.

{items:[{"id":"1","name":"2010"},{"id":"2","name":"2011"}]}

Thanks!

Answer 1

from jquery documentation :

Important: As of jQuery 1.4, if the JSON file contains a syntax error, the request will usually fail silently. Avoid frequent hand-editing of JSON data for this reason. JSON is a data-interchange format with syntax rules that are stricter than those of JavaScript’s object literal notation. For example, all strings represented in JSON, whether they are properties or values, must be enclosed in double-quotes. For details on the JSON format, see http://json.org/.

so jour json string has element items which is not double quoted try something like that :

{"items":[{"id":"1","name":"2010"},{"id":"2","name":"2011"}]}