作者aks42073 (jason)
看板Web_Design
標題[問題] 關於利用JQuery ajax 載入json檔案
時間Tue May 6 23:31:56 2014
各位大大你們好
最近遇到一個新的問題是我之前沒遇到過的
就是手邊有一個獨立的data.json檔案
還有一個 data.html檔
我想要利用ajax來載入json檔案裡的資料內容
並且顯示在data.html裏頭
json檔案裏頭格式如下
[
{"name" : "XXXX",
"address" : "OOXXOOX",
},
{......},
]
javascript的載入語法我不確定是不是這樣
<script>
$.ajax({
url:"URL",
type:"GET",
dataType:"json",
success:function(){
alert("success");
}
})
</script>
如果跟載入XML的語法差不多應該是這樣吧?
但success的function 我就不知道要打甚麼了?
有大大可以教教我嗎? 謝謝
---------------------------------------------------
想再請問大大
我換了一個方法他有辦法顯示出來了
不過全部的內容全是[object Object]
script如下
<script>
$(document).ready(function(e) {
$.getJSON("js/data.json",function(data){
$.each(data,function(i,field){
$('.show').append(field+"");
})
alert(data);
}
)
});
</script>
是否需要再修改什麼讓裏頭的資料能夠正常顯示?
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 220.129.88.150
※ 文章網址: http://webptt.com/m.aspx?n=bbs/Web_Design/M.1399390319.A.B92.html
1F：→ danny8376:function(data){} 05/07 01:31
2F：→ danny8376:data <= js object (JSON data) here 05/07 01:32
3F：→ aks42073:假如我需要把裡面的資料放到表格中顯示出來 是要在functi 05/07 17:15
4F：→ aks42073:on的大括號裡寫嗎？ 05/07 17:15
※ 編輯: aks42073 (220.129.89.135), 05/07/2014 22:39:49
5F：推 duck10704:對啊 可以用JSON.parse()去parse json資料出來 05/07 23:03
6F：→ danny8376:type給JSON的話jquery會保證資料是parse好的啦... 05/08 00:02
7F：→ danny8376:處理JSON請愛用主控台+console.log alert只能出字串 05/08 00:03
8F：→ aks42073:謝謝 我再試試看! 05/08 00:21
9F：→ aks42073:不好意思 我試過了JQuery $.parseJSON() 但括號內不知道 05/08 14:23
10F：→ aks42073:要輸入甚麼? 是要取出來的資料嗎? 05/08 14:24
11F：→ serotw:我比較想問你是要將資料載入成字串資料還是變數資料? 05/09 01:44
12F：→ serotw:nction(i,field){/*i=key,field=value*/alert(i+','+field) 05/09 01:51
13F：→ aks42073:要把json檔裡的字串顯示，裡面是類似用戶的基本資料（有 05/09 07:45
14F：→ aks42073:中文字 05/09 07:45
15F：→ serotw:field.name,field.address,field.xxxxx即可取得 05/09 08:48
16F：→ aks42073:謝謝大大 成功顯示了 05/09 22:07
17F：→ aks42073:成功顯示後 想把他加入到表格中顯示 我利用了 05/09 22:24
18F：→ aks42073:append('<th>'+field.name+'</th>');來顯示 結果是所有 05/09 22:25
19F：→ aks42073:name的資料 全部顯示在同一列裏頭 是需要再加個</br>分行 05/09 22:27
20F：→ aks42073:嗎? 或是我的語法有錯誤呢? 05/09 22:27
21F：→ aks42073:想再請教各位 謝謝 05/09 22:28
22F：→ serotw:你的name資料是陣列還是只有單一字串? 05/09 23:07
23F：→ aks42073:如文章內舉例的格式 有29筆資料 05/10 00:47
24F：→ serotw:那你應該是用反了$('<th>').html(field.name).appendTo(x); 05/10 00:56
25F：→ serotw:table要換列要包在tr裡面~<table><tr><th>1</th></tr></tab 05/10 00:58
26F：→ serotw:<tr><th>1</th></tr><tr><th>2</th></tr> 05/10 00:59
27F：→ serotw:$('<tr>').html($('<th>').text(field.name)).appendTo(x); 05/10 01:01