Question

我有一个JSONP URL，它正在提取数据，只是切换到本地JSON文件，现在我收到错误。我不明白为什么它不能使用本地JSON文件？

<script type="text/javascript">
    $.ajax({
        type : 'GET',
        dataType : 'json',
        url: '/json/topics.json',
        success : function(data) {
            console.log(data); 
            var topics = [];
            $.each(data.results, function(index, obj){
                topics.push({
                    username: obj.TopicName,
                    mentions: obj.LastHourCount,
                    totalcount: obj.TotalCount,
                    daycount: obj.Last24HoursCount
                }); 
            });
            $('#leader').tmpl(topics).appendTo('#top3');
        } 
    });
</script>

在控制台中，由于某些原因，它说AJAX是一个匿名函数？有什么建议吗？

Answer 1

$.ajax是异步的，看起来你正试图在页面加载时更改DOM，添加

async: false,

到您的$.ajax参数。请注意，它可能会降低页面加载速度。

示例：

 $.ajax({
    type : 'GET',
    dataType : 'json',
    async: false,
    // rest of your code

如果您使用的是本地文件，而不是通过网络服务器，并且收到Origin null is not allowed by Access-Control-Allow-Origin错误，请参阅此帖子：

Error: "Origin null is not allowed by Access-Control-Allow-Origin" when loading an XML file with JQuery's ajax method

AJAX GET无法使用本地JSON文件？

1 个答案: