Question

我的wamp www目录中有一个json文件

[
  { "c" : 2344},
  { "c" : 5433}
]

在我的html页面中，也在wamp目录中，我有一个getJSON调用

$.getJSON("http://localhost/test.json", function(data) {
    alert(data);
}

这getJSON没有做任何事情，没有任何错误，没有。

有什么建议吗？

Answer 1

这对我有用：

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文件目录的同一文件夹中。

侨

Answer 2

构建一个提供JSON输出的php文件。

为了实现它构建一个php数组，将这个数组传递给json_encode，然后回显输出。

然后使用getJSON函数

查询php文件

Answer 3

[
  { "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")
    }

}

Answer 4

这对我有用：

<!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>

wamp上的getJSON

4 个答案: