利用js讀取動態網站從伺服器端回傳的資料_javascript技巧

在html中利用js讀取動態網站從伺服器端傳回的資料進行顯示

1、js.html 頁面

需要引入執行jquery的js檔案

複製程式碼 程式碼如下:

<script> <br><br>$(function(){ <BR>//$("#loaddata").click(function(){ <BR>$(document).ready(function(){ <BR>//使用getJSON方法讀取json資料, <BR>//注意：info.json可以是不同類型文件，只要其中的資料為json類型即可<BR>$.getJSON('info.json',function(data){ <br><br>var html = ''; <BR>$.each(data,function(i,item){ <BR> html = '<tr><td>' item['name'] '' <BR>'<td>' item['sex'] '' <BR>'<td>' item.address '' <BR>'<td>' item['home'] ''; <BR>}); <BR>$('#title') .after(html); <BR>//after方法:在每個符合的元素之後插入內容。註:可以是item.address,也可以是item['address'] <BR>//firefox報json檔案中「語法錯誤[」,單能載入資料<BR>//ie chrome 無法載入資料<BR> </script>

姓名	性別	地址	首頁

info.json檔案

複製程式碼

程式碼如下: [ { "name":"zhangsan",

"sex":"man",

"address":"hangzhou",
"home":"http://www.zhangsan.com"
},
{
"name":"lisi",
"sex":"wumen",
"address":"beijing",
"home":"http://www.lisi.coms"
}
]


應用場景：

定期從資料庫中讀取的特定記錄放到靜態頁面上去展示，為了減少對資料庫存取的壓力，把特定記錄數取出來存放在json中，頁面訪問連結不用即時請求資料庫。

至此可以將json中的內容載入到html靜態也中去。

顯示不了中文的確是編碼問題，預設保存的json肯定是個記事本，然後改後綴名為json的，記事本預設編碼是ANSI的顯示中文自然有問題，

解決方法：開啟.json檔案檔案- 另存為看到下面編碼格式了吧選擇UTF-8 就可以了。

這裡還有個容易出錯的地方：
請求json檔案報405錯誤，明明路徑對的 但是還是報錯。
解決方法：修改請求方式為get請求：