javascript - Ajax 获取响应数据 undefined

Question

我正在尝试解析由 ajax 方法返回的 Json 字符串，但在提醒经纬度值时它显示未定义，但当我打印控制台日志时，数据在那里正确显示。任何人都可以在这里帮助如何解析 GET 响应数据

$.ajax({
    type: 'GET',
    url: '/api/v1.0/tasks/'+document.getElementById("autocomplete").value,
    dataType: 'json',
    data: { 'value' : $(this).val() },
    success : function(data){
    var lat,long;
     data=JSON.stringify(data)
     for (var x = 0; x < data.length; x++) {
     lat = data[x].lat;
      alert(lat);
     long = data[x].longi;
     alert (long);
     }

} });

API 响应:

{
  "task": [
    {
      "lat": 41.21555555555555, 
      "longi": -111.99694444444445, 
      "markerText": " Ogden UT 84401"
    }
  ]
}

Answer 1

首先移除对 JSON.stringify() 的调用。这是没有意义的，并且会导致问题，因为您当前正试图遍历 JSON 字符串中的字符。其次，您需要访问 data.task，而不仅仅是 data。试试这个:

// AJAX response
var data = {
  "task": [{
    "lat": 41.21555555555555,
    "longi": -111.99694444444445,
    "markerText": " Ogden UT 84401"
  }]
}

// in the AJAX success handler:
var lat, long;
data.task.forEach(function(task) {
  lat = task.lat;
  long = task.longi;
  console.log(lat, long);
});