Question

我有一个包含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);
    });
});

不幸的是，它不起作用。

Answer 1

文件ABC.json不包含任何有效的JSON。

我觉得值得访问http://www.json.org/你会更好地了解json以及如何使用它。

具体来说，您将找到在不同语言的json中传递html的方法

Answer 2

请编辑您的代码：

<强> 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);
    });
});

Answer 3

你的.json文件包含纯HTML而不是JSON。为什么不使用.html或.txt呢？

或者你可以试试这个：

var my_html = $.parseJSON(data);
console.log(my_html);

在HTML文件中加载json文件

3 个答案: