文章/答案/技术大牛

发布

社区首页 >问答首页 >如何使用AJAX调用加载json数据

问如何使用AJAX调用加载json数据
EN

Stack Overflow用户

提问于 2014-08-02 14:33:18

回答 1查看 559关注 0票数 0

我希望将JSON数据加载到HTML文件中。问题是，它不加载json数据，当我添加error事件时，它会为error对象发出错误警报。请指导我如何解决这个问题。甚至，我也找不到任何特定的警报来识别错误。如何解决这个问题？在使用jquery/ajax时，有任何方法获得实际错误吗？下面是我的html文件，它使用html对json数据进行jquery调用：

 <!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>


<script src="Scripts/jquery-1.7.1.min.js"></script>
<script src="Scripts/jquery-ui-1.8.20.min.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $("#btn382").click(function () {
            /* set no cache */
            $.ajaxSetup({ cache: false });

            $.getJSON("car-sale.json", function (data) {
                var html = [];
                alert('result');

            });
        });
    });
</script>

   </head>
 <body>
   <input type="submit" id="btn382" />
  </body>
   </html>

JSON文件如下：

[{
"Manufacturer": "Toyota",
"Sold": 1200,
"Month": "2012-11"
}, {
"Manufacturer": "Ford",
"Sold": 1100,
"Month": "2012-11"
}, {
"Manufacturer": "BMW",
"Sold": 900,
"Month": "2012-11"
}, {
"Manufacturer": "Benz",
"Sold": 600,
"Month": "2012-11"
}, {
"Manufacturer": "GMC",
"Sold": 500,
"Month": "2012-11"
}, {
"Manufacturer": "HUMMER",
"Sold": 120,
"Month": "2012-11"
}]

javascript

jquery

json

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-08-02 14:38:28

在页面标题中，您应该定义以下内容

<script src="car-sale.json"></script>

我用firefox来检查它，它的工作很好，用firefox检查一下

$.getJSON('car-sale.json', function (data) {

                 $.each( data, function( key, val ) {
                console.log(val.Manufacturer );
                });

            });

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/25096115

复制

相似问题

问如何使用AJAX调用加载json数据
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用AJAX调用加载json数据EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用AJAX调用加载json数据
EN