[問題] 關於利用JQuery ajax 載入json檔案

作者: aks42073 (jason)   2014-05-06 23:31:56
各位大大你們好
最近遇到一個新的問題是我之前沒遇到過的
就是手邊有一個獨立的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 我就不知道要打甚麼了?
有大大可以教教我嗎? 謝謝
作者: danny8376 (釣到一隻猴子@_@)   2014-05-07 01:31:00
function(data){}data <= js object (JSON data) here
作者: aks42073 (jason)   2014-05-07 17:15:00
假如我需要把裡面的資料放到表格中顯示出來 是要在function的大括號裡寫嗎?
作者: duck10704 (duck)   2014-05-07 23:03:00
對啊 可以用JSON.parse()去parse json資料出來
作者: danny8376 (釣到一隻猴子@_@)   2014-05-08 00:02:00
type給JSON的話jquery會保證資料是parse好的啦...處理JSON請愛用主控台+console.log alert只能出字串
作者: aks42073 (jason)   2014-05-08 00:21:00
謝謝 我再試試看!不好意思 我試過了JQuery $.parseJSON() 但括號內不知道要輸入甚麼? 是要取出來的資料嗎?
作者: serotw (弒龍)   2014-05-09 01:44:00
我比較想問你是要將資料載入成字串資料還是變數資料?nction(i,field){/*i=key,field=value*/alert(i+','+field)
作者: aks42073 (jason)   2014-05-09 07:45:00
要把json檔裡的字串顯示,裡面是類似用戶的基本資料(有中文字
作者: serotw (弒龍)   2014-05-09 08:48:00
field.name,field.address,field.xxxxx即可取得
作者: aks42073 (jason)   2014-05-09 22:07:00
謝謝大大 成功顯示了成功顯示後 想把他加入到表格中顯示 我利用了append('<th>'+field.name+'</th>');來顯示 結果是所有name的資料 全部顯示在同一列裏頭 是需要再加個</br>分行嗎? 或是我的語法有錯誤呢?想再請教各位 謝謝
作者: serotw (弒龍)   2014-05-09 23:07:00
你的name資料是陣列還是只有單一字串?
作者: aks42073 (jason)   2014-05-10 00:47:00
如文章內舉例的格式 有29筆資料
作者: serotw (弒龍)   2014-05-10 00:56:00
那你應該是用反了$('<th>').html(field.name).appendTo(x);table要換列要包在tr裡面~<table><tr><th>1</th></tr></tab<tr><th>1</th></tr><tr><th>2</th></tr>$('<tr>').html($('<th>').text(field.name)).appendTo(x);

Links booklink

Contact Us: admin [ a t ] ucptt.com