AJAX GET无法使用本地JSON文件

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

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

错误："；"访问控制允许原点"不允许原点为空；当使用JQuery'；s ajax方法