Question

$(document).ready(function(){

    $(".btn").click(function(){
        var x=$("#srh").val();
        var ur="https://en.wikipedia.org/w/api.php?action=query&titles="+x+"&prop=info&format=json";
        $.getJSON(ur, function(json) {
            $(".test").html(JSON.stringify(json));
         });
    });

});

我已经创建了一个搜索栏，当我输入一个查询并按下搜索按钮时，我想打印从Wiki API到我的测试div的json数据。不幸的是，当我按下按钮时没有任何反应。任何想法？

Answer 1

您需要使用并了解JSONP。以下简短代码将为您服务

   $.ajax({
      dataType: 'jsonp', url : ur,
      success:function(json){
          $(".test").html(json);            
      }});

更好地解释了上述代码的版本。 See this working

   $.ajax({
      dataType: 'jsonp', //!important
      url : ur,
      success:function(json){
        console.log(json); //to see response before stringifying it
        try{
          json = JSON.stringify(json);
          $(".test").html(json);
        }
        catch(e){
          console.log(e);
        }
      },
      error:function(a){
        console.log(a); //in case of request not processed
      }
    });

维基百科API（无法获取信息）

1 个答案: