Wiki API 请求无效

Question

我使用了 Wiki API 文档中的一些示例代码，但是当我输入搜索项时，没有任何反应。控制台中没有错误，什么都没有。如果我将 URL 输入到浏览器中，它本身就可以工作，所以我认为代码中的某些内容没有传递正确的值。我调用 API 的方式有问题吗？下面是相关代码：

$(document).ready(function(){
  $('#search-submit').click(function() {
      getWiki($('#searchVal').val());
    });
  /*add code for get lucky function*/
});

 function getWiki(searchParam) { 
   $.ajax( {
    url: 'http://en.wikipedia.org/w/api.php?action=parse&format=json&prop=text&section=0&page='+searchParam+'&callback=?',
    dataType: 'json',
    type: 'POST',
    headers: { 'Api-User-Agent': 'Example/1.0' },
    success: function(data) {
       var result = data;
       pageTitle = result.title;
       $(".search-box").html(pageTitle);
    }
});
 };

这里是 HTML:

<body>
  <div class="container">
  <div class="col-lg-12 header">
    <h1>Search Wiki</h1>
  </div>
    <div class="row search-box">
      <div class="col-lg-10">
    <input placeholder=" Search" class="input" type="text" id="searchVal" name="searchVal"/></div>
      <div class="col-lg-2"><button type="submit" id="search-submit" name="search-submit" class="btn-default">
  <i class="fa fa-search fa-2x"></i>
</button></div>
    </div>
    <div class="row button-box text-center">
      <div class="col-lg-12">
        <button type="button" class="btn btn-primary" id="random">I'm Feeling Lucky</button></div>
    </div>
  </div>
</body>

Answer 1

返回的JSON结果前有parse属性，所以必须是data.parse.title才能得到标题等

$(document).ready(function() {
    $('#search-submit').click(function() {
        getWiki($('#searchVal').val());
    });
    /*add code for get lucky function*/
});

function getWiki(searchParam) {
    $.ajax({
        url: 'http://en.wikipedia.org/w/api.php?action=parse&format=json&prop=text&section=0&page=' + searchParam + '&callback=?',
        dataType: 'json',
        type: 'POST',
        headers: {
            'Api-User-Agent': 'Example/1.0'
        },
        success: function(data) {
            var result = data.parse;
            var pageTitle = result.title;
            $(".search-box").html('The title is : ' + pageTitle);
        }
    });
};

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Search for something : <input id="searchVal"><button id="search-submit">Search</button>
<br /><br /><br />
<div class="search-box"></div>

Wiki API 请求无效

Wiki API request not working

javascript

ajax

mediawiki