在HTML文件中加载json文件
提问于 2012-06-16 14:29:43
我有一个包含HTML内容的JSON文件。我想在用户单击按钮时将其加载到我的主HTML文件中。
ABC.json包含：
<li><img src="images/picture6.jpg" /></li>
<li><img src="images/picture5.jpg" /></li>
<li><img src="images/picture4.jpg" /></li>
<li><img src="images/picture3.jpg" /></li>
<li><img src="images/picture2.jpg" /></li>
<li><img src="images/picture1.jpg" /></li>我使用的Javascript代码是：
$("button").click(function(){
$.getJSON("javascript/lib/domain.json", function(data){
console.log(data);
});
});不幸的是，它不起作用。
回答 3
Stack Overflow用户
回答已采纳
发布于 2012-06-16 14:38:46
文件ABC.json不包含任何有效的JSON。
我认为访问http://www.json.org/是值得的，你会对json有更好的了解以及如何使用它。
具体地说，您将找到用不同语言在json中传递html的方法。
Stack Overflow用户
发布于 2012-06-16 16:39:07
请编辑您的代码：
abc.json
"img": [
{"src": "images/picture6.jpg"},
{"src": "images/picture5.jpg"},
{"src": "images/picture4.jpg"},
{"src": "images/picture3.jpg"},
{"src": "images/picture2.jpg"},
{"src": "images/picture1.jpg"},
]Javascript
$("button").click(function(){
$.getJSON("javascript/lib/abc.json", function(data){
console.log(data);
});
});Stack Overflow用户
发布于 2012-06-16 15:03:36
您的.json文件包含纯html而不是JSON。为什么不使用.html或.txt呢？
或者你可以试试这个：
var my_html = $.parseJSON(data);
console.log(my_html);页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/11064265
复制相关文章
腾讯云开发者
