javascript - 如何解析和显示 TVML 文件中的 JSON 数据

Question

我当前的项目可以在这里访问:GitHub

我正在尝试将 product.json 文件中的数据检索到我的 productsTemplate.tvml (FunTV/templates) 中。

如何在.TVML文件中使用JS变量？我希望迭代并显示 product.json 中的所有产品名称。

Answer 1

所以你的 json 文件是这样的:

[
{"url": "your_image_url1", "title": "Your Title1"},
{"url": "your_image_url2", "title": "Your Title2"} ]

在您的 javascript 文件中，您创建了一个名为 parseJson 的函数:

function parseJson(information) {
//push a loadingdocument ( loadingTemplate() ) onto the navigationstack
var loadingDocument = loadingTemplate();
navigationDocument.pushDocument(loadingDocument);
var result = JSON.parse(information);
//make an empty string that fills with the image information in the loop
var movies ="";
//loop until you fill all your json files
for(i = 0; i < result.length; i++) {
   movies += '<lockup><img src="' + baseURL + result[i].url + '" />
<title>' + result[i].title + '</title></lockup>';
}
// make a costum template with your images string movies.
var template = '<document><stackTemplate><banner><title>JSON 
Shelf</title></banner><collectionList><shelf><section>' + movies + 
'</section></shelf></collectionList></stackTemplate></document>';
var templateParser = new DOMParser();
var parsedTemplate = templateParser.parseFromString(template, 
"application/xml");
//replace the loadingdocument with your parsedtemplate. done.
navigationDocument.replaceDocument(parsedTemplate, loadingDocument);
}