jQuery中讀取json檔案範例程式碼_jquery

json檔案是一種輕量級的資料互動格式。一般在jquery中使用getJSON()方法讀取。

複製程式碼 程式碼如下:

$.getJSON(url,[data],[callbackdata],[callbackdatadata],[] ])

url：載入的頁面位址
data: 可選項，傳送到伺服器的數據，格式是key/value
callback:可選項，載入成功後執行的回調函數
1.先建立一個JSON格式的檔案userinfo.json 儲存使用者資訊。如下:

複製程式碼 程式碼如下:

[
{


[
{
{name ":"張國立",
"sex":"男",
"email":"zhangguoli@123.com"
},
{
"name":"張鐵林" ,
"sex":"男",
"email":"zhangtieli@123.com"
},
{
"name":"鄧婕",
" sex":"女",

"email":"zhenjie@123.com"
}
]

2.其次建造一個頁面來取得JSON檔案裡的使用者資訊數據，並顯示

複製代碼

代碼如下:








🎜>