jQuery Ajax each() Не работает

Question

Я новичок в jQuery. Я пытаюсь получить некоторые данные с помощью Ajax, и я хочу его закодировать и вставить в result div.

Данные не отображаются в полевых условиях result.

var url = 'http://node.globalresearch.my/mybanjir/ws.BencanaJKR.php?function=getBencanaJKR&output=json&state_code=06'; 

var result_div = $('#result'); 

$.ajax({ 
    url: url, 
    type: 'GET', 
    success: function (d) { 
     $.each(d, function (i, val) { 
     result_div.append(val.id); 
     }); 
    }, 
    beforeSend: function() { 
     $("#loading").show(); 
    }, 
    complete: function() { 
     $("#loading").hide(); 
    } 
}); 

DEMO: http://jsfiddle.net/w7jhaqz1/

Могу ли я делать какую-либо ошибку?

Ещё один, как получить доступ к отдельным id? Скажем, я хочу показать только status за id 1, как это сделать?

Answer 1

Чтобы позвонить $.ajax, необходимо добавить dataType: 'json'. URL-адрес, к которому вы обращаетесь, - который, с интересом поддерживает CORS, не отправляет правильный заголовок Content-type.

Этот заголовок сообщает jQuery, как обрабатывать данные. Он не отправляет правильный заголовок, поэтому jQuery не знает, чтобы разобрать его как JSON. Добавление dataType: 'json' сообщает jQuery предположить, что это JSON и проанализировать его.

$.ajax({ 
    url: url, 
    type: 'GET', 
    dataType: 'json', 
    success: function (d) { 
     $.each(d, function (i, val) { 
      result_div.append(val.id); 
     }); 
    }, 
    beforeSend: function() { 
     $("#loading").show(); 
    }, 
    complete: function() { 
     $("#loading").hide(); 
    } 
});