作者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/cn.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