[英]How to add JavaScript object data to HTML
我正在使用PAPA解析器來解析.csv文件,並且該文件在Chrome調試工具中看起來像這樣。
[Object]
data: Array[4]
0: Array[5]
0: "title"
1: "summary_text"
2: "date"
3: "type"
4: "link"
length: 5
__proto__: Array[0]
1: Array[5]
0: "Choice, Happiness and Spaghetti Sauce"
1: "Delivering product variety: chunky spaghetti sauce, zesty pickles, or weak coffee? Gladwell explains how the root of happy customers is product variety."
2: "30-Jan-13"
3: "sm"
4: "https://www.facebook.com/permalink.php?id=380939405308665&story_fbid=298838986905013"
length: 5
__proto__: Array[0]
2: Array[5]
3: Array[1]
length: 4
__proto__: Array[0]
errors: Array[0]
meta: Object
__proto__: Object
length: 1
__proto__: jQuery[0]
這樣,我希望能夠提取標題,鏈接,日期和類型,並將其全部放入<li>
標記中。 我該如何實現? 我能夠解析數據,並且得到了這一點,並且能夠使用JSON.stringify(r2, null, 4);
將所有數據粘貼到HTML中JSON.stringify(r2, null, 4);
。
我想遍歷數據父級並獲取所有子級標題,日期,描述,類型等。並將其添加到li標記中。
看起來像是對的嗎?
Papa.parse("http://support.jonar.com/support/default.asp?pg=pgDownload&pgType=pgWikiAttachment&ixAttachment=142896&sFileName=newsroom.csv", {
download: true,
complete: function(results) {
//console.log("REMOTE FILE PARSED!", results.data);
var r2 = $(results);
//var r3 = JSON.stringify(r2, null, 4);
//console.log(r2)
$('ul.nflist').append( $('<li />', {text: results}));
}
});
function(results) {
$.each(results.data.slice(1), // skip first row of CSV headings
function(i, data) {
var title = data[0];
var link = data[4];
var date = data[2];
var type = data[3];
$('ul.nflist').append($('<li>', {
html: '<a href="' + link + '">' + title + '</a> ' + date + ' ' + type
});
});
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.