使用jQuery輸出來自ajax/jsonp請求的html

我試圖使用來自jsonp文件的ajax請求輸出html。當使用console.log時，我看到數據循環正常，但是當使用變量來抓取循環並在html中輸出時，我只看到一個結果。我錯過了什麼？使用jQuery輸出來自ajax/jsonp請求的html

$.ajax({ 
    url: "http://sitedotcom/blog/json", 
    dataType: "jsonp", 
    jsonpCallback: "jsonpCallback", 
    success: jsonpCallback 
}); 

function jsonpCallback(data) { 
    for (var key in data) { 
     if (data.hasOwnProperty(key)) { 
      console.log(data[key]["title"] + ", " + data[key]["entry_id"]); 
      rssData = '<h2>' + data[key]["title"] + "</h2><p>" + data[key]["blog_summary"] + "</p>"; 

     } 
     $('#blog-content').html(rssData); 
    } 
}

來源

2016-09-28 frshjb373

你有$('#blog-content').html(rssData);循環內....所以只有最後的結果會顯示自html()替換所有內容。

使用append()代替或連接rssData每次迭代，並設置html()循環完成

來源

2016-09-28 14:18:17 charlietfl

完美...'附加（）'工作正常。讚賞。 – frshjb373

要小心，雖然如果條件爲第一次錯誤'rssData'將是未定義的......在任何其他迭代中，它是全局的並且將複製先前的內容。 Loop需要一些清理，不要使用全局 – charlietfl

看起來rssData超出範圍，當你將它添加到你的博客＃內容後再試。當你做你的控制檯日誌和設置你的rssData變量時，你也輸出不同的數據。

如果您可以提供json佈局以及您試圖附加到的html佈局。

來源

2016-09-28 14:18:46

使用jQuery輸出來自ajax/jsonp請求的html

回答

相關問題