ajax post成功解析json

对于长问题感到抱歉。我正在尝试ajax发布以收集联系人位置历史记录，然后将标记添加到地图中。ajax post成功解析json

AJAX的交返回编码像的位置数据JSON：

[{"name":"Chris","data":{"user":"447967048843","data":[{"timestamp":1332840872,"longitude":-1.549517,"latitude":53.973174},{"timestamp":1332841510,"longitude":-1.444133,"latitude":53.997148}]},"contacts":null},{"name":"Jason","data":{"user":"447879896697","data":[{"timestamp":1332839836,"longitude":-1.566667,"latitude":53.978533},{"timestamp":1332840447,"longitude":-1.567654,"latitude":53.977927}]},"contacts":null}]

这里是被称为上形成接触已经被选择之后提交getHistory功能。

function getHistory() { 
    var contact = $("#contact").val() 
    var days = $("#days").val() 
    $.ajax({ 
     type: 'post', 
     url: 'temp_history.php', 
     data: {contact: contact, days: days}, 
     context: document.body, 
     beforeSend: function() { 
     }, 
     success: function(succ){ 
      var obj = jQuery.parseJSON(succ); 
      var divs="",tabs="",counts=0; 
      jQuery("#gMap").gmap3({ 
       action: 'clear'}); 
       jQuery(".marker").remove(); 
       jQuery.each(obj,function(i,item){ 
       tabs +=item.contacts; 
       if(item.data.latitude != null && item.data.longitude!=null) 
        { 
        addMarker(item.name, item.data.timestamp,item.data.latitude,item.data.longitude,item.data.user_id); 
        } 
      }); 
     } 
    });

}

我认为这个问题是我需要嵌套jQuery.each功能，但不知道如何？

的addMarker功能是：

function addMarker(name, timestamp, lati, longi, user_id) { 
    jQuery("#gMap").gmap3({ 
     action: 'addMarkers', 
     markers:[ 
     {lat:lati, lng:longi, data:name} 
     ] 
    });

}

谢谢

来源

2012-03-28 Vince Lowe

您是否试过单步执行Firebug中的代码？ – McGarnagle 2012-03-28 09:12:54

什么不起作用？你检查过萤火虫的警告/错误吗？ – maialithar 2012-03-28 09:13:07

没有错误，但也没有标记..它看起来像JSON数据是多维数组，所以我需要更新函数来适应，任何想法如何？ – 2012-03-28 09:18:31

你是对的 - 你对你的JSON的穿越是不正确的，试试这个在您的success处理程序：

success: function(data){ 
    var json = jQuery.parseJSON(data); // If you're returing json, this shouldn't be required 
    var divs = "", tabs = "", counts = 0; 

    jQuery("#gMap").gmap3({ action: 'clear' }); 
    jQuery(".marker").remove(); 

    jQuery.each(json, function(i, item) { 
     var name = item.name; 
     var userId = item.data.user; 
     jQuery.each(item.data.data, function(i, nav) { 
      var ts = nav.timestamp; 
      var lat = nav.latitude; 
      var long = nav.longitude; 

      if (lat != null && long != null) { 
       addMarker(name, ts, lat, long, userId); 
      } 
     }); 
    }) 
}

另外，值得让y中的对象名称我们的JSON更加语义化，尤其是当您在多个级别中列出data时。

来源

2012-03-28 09:18:26

完成这份工作完美配对，谢谢你的时间。 – 2012-03-28 09:29:28

ajax post成功解析json

回答

相关问题