$.getJSON 读不出json文件数据
<scriptsrc="jquery.js"></script><script>functionAjax(){$.getJSON("1.json",function(da...
<script src="jquery.js"> </script>
<script>
function Ajax(){
$.getJSON("1.json",function(data){
$.each(data,function(i,item){
$("#disp").append("<h3>"+item.username+"</h3>");
$("#disp").append("<p>"+item.content+"</p>");
});
});
}
</script>
<input type="button" value="Ajax提交" onclick="Ajax();"/>
<div id="disp"></div>
json内容:
[ {username:"张三",content:"沙发"},
{username:"李四",content:"板凳"},
{username:"王五",content:"地板"} ] 展开
<script>
function Ajax(){
$.getJSON("1.json",function(data){
$.each(data,function(i,item){
$("#disp").append("<h3>"+item.username+"</h3>");
$("#disp").append("<p>"+item.content+"</p>");
});
});
}
</script>
<input type="button" value="Ajax提交" onclick="Ajax();"/>
<div id="disp"></div>
json内容:
[ {username:"张三",content:"沙发"},
{username:"李四",content:"板凳"},
{username:"王五",content:"地板"} ] 展开
2个回答
展开全部
[
{"username":"张三", "content":"沙发" },
{"username":"李四", "content":"板凳" },
{"username":"王五", "content":"地板" }
]
归根结底,json文件内容出错,key没有加引号,而且第一列的冒号是中文的。
追问
我改过来了,可怎么还是读不来呢。代码是完整的,您可以试一下。谢谢了,我头都大了,弄了一天了,没个眉目。
追答
我昨天晚上就试出来了,你再仔细检查一下啊,然后换个jquery试下啊
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8" />
<title>MODEL PAGE</title>
<script type="text/javascript" src="jquery-1.8.0.min.js"></script>
<script type="text/javascript">
var Ajax = function ()
{
$.getJSON ("1.json", function (data)
{
$.each (data, function (i, item)
{
$ ("#disp").append ("<h3>" + item.username + "</h3>");
$ ("#disp").append ("<p>" + item.content + "</p>");
});
});
}
</script>
</head>
<body>
<input type="button" value="Ajax提交" onclick="Ajax();" />
<div id="disp"></div>
</body>
</html>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询