你JSON是包含對象的數組。每個對象都有一個nickname
和一個votes
成員。讓我們假設你有一個模板是這樣的:
function votesByNicknameTemplate(input, target) {
var output = "";
for (var index in input) {
output += input[index].nickname + " has " + input[index].votes + "<br>";
}
target.innerHTML += output
}
如果調用此使用votesByNicknameTemplate([ { "nickname":"name", "votes":"3" }, { "nickname":"name", "votes":"2" }, { "nickname":"name", "votes":"2" }], document.getElementsByTagName("body")[0]);
那麼你就寫一個output
到body
。您可以abstractize這進一步支持更多的模板,像這樣:
function runTemplate(input, target, templateName) {
window[templateName](input, target);
}
,然後用相同的結果叫runTemplate([ { "nickname":"name", "votes":"3" }, { "nickname":"name", "votes":"2" }, { "nickname":"name", "votes":"2" }], document.getElementsByTagName("body")[0], "votesByNicknameTemplate"
),但有一個更通用的解決方案。
你可以使用jQuery與jQuery ..看看這裏http://api.jquery.com/jquery.ajax/ https://www.w3schools.com/jquery/ajax_ajax.asp – winter