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

[aks42073 (jason)]

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