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

看板Web_Design作者 (jason)時間11年前 (2014/05/06 23:31), 11年前編輯推噓1(1026)
留言27則, 4人參與, 最新討論串1/1
各位大大你們好 最近遇到一個新的問題是我之前沒遇到過的 就是手邊有一個獨立的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://www.ptt.cc/bbs/Web_Design/M.1399390319.A.B92.html

05/07 01:31, , 1F
function(data){}
05/07 01:31, 1F

05/07 01:32, , 2F
data <= js object (JSON data) here
05/07 01:32, 2F

05/07 17:15, , 3F
假如我需要把裡面的資料放到表格中顯示出來 是要在functi
05/07 17:15, 3F

05/07 17:15, , 4F
on的大括號裡寫嗎?
05/07 17:15, 4F
※ 編輯: aks42073 (220.129.89.135), 05/07/2014 22:39:49

05/07 23:03, , 5F
對啊 可以用JSON.parse()去parse json資料出來
05/07 23:03, 5F

05/08 00:02, , 6F
type給JSON的話jquery會保證資料是parse好的啦...
05/08 00:02, 6F

05/08 00:03, , 7F
處理JSON請愛用主控台+console.log alert只能出字串
05/08 00:03, 7F

05/08 00:21, , 8F
謝謝 我再試試看!
05/08 00:21, 8F

05/08 14:23, , 9F
不好意思 我試過了JQuery $.parseJSON() 但括號內不知道
05/08 14:23, 9F

05/08 14:24, , 10F
要輸入甚麼? 是要取出來的資料嗎?
05/08 14:24, 10F

05/09 01:44, , 11F
我比較想問你是要將資料載入成字串資料還是變數資料?
05/09 01:44, 11F

05/09 01:51, , 12F
nction(i,field){/*i=key,field=value*/alert(i+','+field)
05/09 01:51, 12F

05/09 07:45, , 13F
要把json檔裡的字串顯示,裡面是類似用戶的基本資料(有
05/09 07:45, 13F

05/09 07:45, , 14F
中文字
05/09 07:45, 14F

05/09 08:48, , 15F
field.name,field.address,field.xxxxx即可取得
05/09 08:48, 15F

05/09 22:07, , 16F
謝謝大大 成功顯示了
05/09 22:07, 16F

05/09 22:24, , 17F
成功顯示後 想把他加入到表格中顯示 我利用了
05/09 22:24, 17F

05/09 22:25, , 18F
append('<th>'+field.name+'</th>');來顯示 結果是所有
05/09 22:25, 18F

05/09 22:27, , 19F
name的資料 全部顯示在同一列裏頭 是需要再加個</br>分行
05/09 22:27, 19F

05/09 22:27, , 20F
嗎? 或是我的語法有錯誤呢?
05/09 22:27, 20F

05/09 22:28, , 21F
想再請教各位 謝謝
05/09 22:28, 21F

05/09 23:07, , 22F
你的name資料是陣列還是只有單一字串?
05/09 23:07, 22F

05/10 00:47, , 23F
如文章內舉例的格式 有29筆資料
05/10 00:47, 23F

05/10 00:56, , 24F
那你應該是用反了$('<th>').html(field.name).appendTo(x);
05/10 00:56, 24F

05/10 00:58, , 25F
table要換列要包在tr裡面~<table><tr><th>1</th></tr></tab
05/10 00:58, 25F

05/10 00:59, , 26F
<tr><th>1</th></tr><tr><th>2</th></tr>
05/10 00:59, 26F

05/10 01:01, , 27F
$('<tr>').html($('<th>').text(field.name)).appendTo(x);
05/10 01:01, 27F
文章代碼(AID): #1JQG1lkI (Web_Design)