我是在hubuilder里試的，先是新建data.json文件。里面寫上內容。其中var dataFromJSON是為了方便引用。

var dataFromJSON = {
?? ??? ??? ??? ?"text":"外部json",
?? ??? ??? ??? ?"iconCls":"fa fa-wpforms",
?? ??? ??? ??? ?"state":"open",
?? ??? ??? ??? ?"children":[{
?? ??? ??? ??? ??? ?"section_id":1,
?? ??? ??? ??? ??? ?"text":"第一節”
?? ??? ??? ? ? ?},{
?? ??? ??? ??? ??? ?"text":"第二節"
?? ??? ??? ??? ??? ?}]
?? ??? ??? ? ? ?}

在頁面添加如下引用，之后就能在此頁面使用dataFromJSON數據，

<script type="text/javascript" src="data/data.json"></script>

console.log(dataFromJSON)

但是在idea里新建的json文件，不能用這種方法，不能給json文件里的數據定義名稱,所以換成用ajax，要注意通過這種的json，會在數組元素里的前面加上序號，作為其key值，這樣處理起來會有些麻煩。

$.ajax({type : "GET",//使用get請求請求正確url : "data..json",dataType:"json",//data:success : function(data) {console.log("data: "+ JSON.stringify(data[0]))},error : function() {alert("請求失敗")} })

?

總結

以上是生活随笔為你收集整理的HTML引用外部json文件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。