javascript - HTMLファイルでのjsonファイルの読み込み

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 ファイルには、JSON ではなく純粋な html が含まれています。代わりに.htmlorを使用しないのはなぜですか?.txt

または、これを試すことができます：

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