Jquery使用Jsonp获取本地Json数据

时间:2014-02-24 04:30:18

标签: javascript jquery ajax json jsonp

我正在尝试从本地加载json文件中的一些数据。 下面是我的JS函数。

    $(function() {
        $.ajax({
            type:'GET',
            dataType:'jsonp',
            jsonp:'jsonp',
            url:'data.json',
            success:function(data) {
                $.each(data["tags"], function(index, item) {
                    var $tag = item.name;
                    var $count = item.count;
                    $("body").append($tag + ' ' + $count + '</br>')
                });
            },
            error:function() {
                alert("Sorry, I can't get the feed");   
            }
        });
    });

当我尝试从data.json本地获取数据时,我从错误功能和控制台获取错误中收到“抱歉,我无法获取提要”。

    Error is ---  Failed to load resource: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access.
    XMLHttpRequest cannot load file:///C:/Users/pika/Desktop/json/data.json?jsonp=jQuery1110017450908944010735_1393216501219&_=1393216501220

但是当我使用相同的data.json并将其上传到网页并使用它时工作正常。

无法说明问题是什么。 需要帮助!!

0 个答案:

没有答案