使用 jQuery 从维基百科 API 检索 JSON 数据

Question

我已经尝试了在这里和维基媒体 API 网站上可以找到的所有组合，但我似乎仍然无法返回任何数据。这是我的代码，

$('#go').click(function () {
    var str = $("#input").val();
    var fullstr = 'https://en.wikipedia.org/w/api.php?format=json&action=query&list=search&srnamespace=0&srsearch=' + str + '&srprop=snippet&format=json&callback=json';
    $.getJSON(fullstr, function(data) {
      alert(data);
    });
  });

在 getJSON 调用之前，我一直在测试它，它似乎在工作，但我似乎没有从调用中得到任何东西。（最后的 alert() 只是为了检查返回的任何对象）。

问题是什么？

谢谢！

Answer 1

您必须在请求中添加 origin=* 参数，以防止跨源错误。像这样：

https://en.wikipedia.org/w/api.php?action=query&list=search&srnamespace=0&srsearch=' + str + '&srprop=snippet&format=json&callback=json&origin=*

Answer 2

这可能对你有帮助，在构建 URL 时你需要传递 origin= *

$(document).ready(function(){              
     $("#searchWiki").click(function(){
          var q = document.getElementById("searchid").value;
          $.getJSON("https://en.wikipedia.org/w/api.php?action=query&format=json&gsrlimit=15&generator=search&origin=*&gsrsearch=" + q, function(data){
     console.log(data)
     });
   });
 });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <div id="search">                    
         <input id="searchid" class="input-lg" name="gsrsearch" type="text" placeholder="search Wiki" autocomplete="off"/>
         <button id="searchWiki" class="btn-lg btn-info">Search</button>                          
    </div>

使用 jQuery 从维基百科 API 检索 JSON 数据

Retrieving JSON data from Wikipedia API using jQuery

api

jquery

json

wikimedia