我的 wamp www 目录中有一个 json 文件
[
{ "c" : 2344},
{ "c" : 5433}
]
在我的 html 页面中,也在 wamp 目录中,我有一个 getJSON 调用
$.getJSON("http://localhost/test.json", function(data) {
alert(data);
}
这getJSON
不会做任何事情,没有错误,什么都没有。
有什么建议么?
我的 wamp www 目录中有一个 json 文件
[
{ "c" : 2344},
{ "c" : 5433}
]
在我的 html 页面中,也在 wamp 目录中,我有一个 getJSON 调用
$.getJSON("http://localhost/test.json", function(data) {
alert(data);
}
这getJSON
不会做任何事情,没有错误,什么都没有。
有什么建议么?
这对我很有用:
.json 文件:
[
{"c":2244} ,
{"c":3344}
]
javascript:
$.getJSON ('test.json', function (data) {
console.log (data); // prints [object, object] with object.c = 2244 and object.c = 3344
});
test.json 位于 javascript 文件目录的同一文件夹中。
再见
构建一个提供 JSON 输出的 php 文件。
为了实现它,构建一个 php 数组,将此数组传递给json_encode
,并回显输出。
getJSON
然后用函数查询php文件
[
{ "c" : 2344},
{ "c" : 5433}
]
这不是一个有效的 json,你应该像这样改变它,
{
"list" : [
{ "c" : 2344},
{ "c" : 5433}
]
}
$.getJSON("http://localhost/test.json", function(data) {
console.log(data.list.length); // 2
console.log(data.list[0].c); // 2344
console.log(data.list[1].c); // 5433
for(var d in data.list) {
alert(data.list[d].c); // alert("2344"), alert("5433")
}
}
这对我有用:
<!Doctype html>
<html>
<head>
<title>getJSON Test</title>
<script type="text/javascript" src = "http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$.getJSON("http://localhost/test.json", function(data) {
$.each(data, function(key, value){
alert(key+" : "+value);
});
});
});
</script>
</head>
<body>
I'm Good.
</body>
</html>