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

回答

相關問題