將json文件加載到HTML文件中

我有一個包含HTML內容的JSON文件。我想在用戶點擊一個按鈕時將其加載到我的主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); 
    }); 
});

不幸的是，這是行不通的。

來源

2012-06-16 Soarabh

如果只包含HTMLthen你爲什麼不讓它HTML嗎？ –

你的json文件不是json _ – undefined

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

我認爲這是值得的訪問http://www.json.org/你會更好地瞭解json以及如何使用它。

具體來說，你會發現通過JSON中的HTML在不同的語言

來源

2012-06-16 14:38:45

儘管我覺得原來的海報，saorabh應該訪問這個網站來看看JSON實際上包含了什麼，但我不覺得這是一個合理的答案。你只是把他指向一個鏈接。相反，你應該解釋他做錯了什麼或爲什麼不能完成（如果是這樣的話）。 – citruspi

你是對的。我正在更新。 – 2012-06-16 14:44:58

好聽！我期待着閱讀您的修訂答案。 – citruspi

你以.json文件包含純HTML而不是JSON的方式。爲什麼不使用.html或.txt代替？或者試試這個：

var my_html = $ .parseJSON（data）; console.log（my_html）;

來源

2012-06-16 15:03:35

首先感謝Jhon ..你可以請指導我，如果我把它作爲一個HTML文件，那麼我怎麼能做到這一點。 – Soarabh

如果它已經是一個html文件，那麼你可以通過使用例如以下來加載它： $ .load（'list.html'，function（data）{ console.log（data）; }）; （數據）{ console.log（data）; }）; –

請編輯代碼：

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

來源

2012-06-16 16:39:06

將json文件加載到HTML文件中

回答

相關問題