遇到基本的jquery get请求有问题

时间:2017-10-02 14:46:49

标签: javascript jquery html

我使用jQuery来调用维基百科网络API。我使用.get方法,通过检查开发人员工具,我可以看到调用后的数据。但是当我用回调函数操作数据时没有任何反应。没有数据显示我的检查都没有通过控制台。相反,我得到了这个错误:

  

无法加载   https://en.wikipedia.org/w/api.php?action=query&titles=Main%20Page&prop=revisions&rvprop=content&format=json:   No' Access-Control-Allow-Origin'标题出现在请求的上   资源。起源' http://localhost:8080'因此是不允许的   访问。

以下是我曾经尝试过的代码,我不能为我的生活弄清楚我做错了什么。

$(document).ready(function () {

    //Animating on load
    $('.container').ready(function () {
        $('.container').addClass('animated fadeInDown');
    });


    //Adding functionality to button. This will branch out and contain most of the logic
    $('button').on('click', function () {
        $('input').addClass('animated fadeOutDown')
        $('label').addClass('animated fadeOutDown')
        $.get("https://en.wikipedia.org/w/api.php?action=query&titles=Main%20Page&prop=revisions&rvprop=content&format=json", function(data, status) {
        console.log (data)    
        if (data.batchcomplete === "") {
                console.log('query successful');

                $('#output').html("<a href='http://en.wikipedia.org/wiki/" + data.title + ">" + data.title + "</a>");
            } else {
                console.log("query unsuccessful");

            }
        });
    });



});

0 个答案:

没有答案