Question

到目前为止，我已经使用jquery为维基百科搜索页面创建了一个代码.....

<script>
$("#search").on("click", function() {
 var searchTerm = $("#searchTerm").val();
  console.log(searchTerm);
  var url = "https://en.wikipedia.org/w/api.php? 
   action=opensearch&search="+ searchTerm     
          + "&list=10&format=json&callback=?";
    $.ajax({
    url: url,
    type: "Get",
    async: false,
    dataType: "json",
    success: function(data, status, jqXHR) {
      $("#search").html(data);
      console.log(data);
      for (var i = 0; i < data.data[9].length; i++) {
      }
    }
  })
})
</script>

...

然而，当数据填充到网站时，它会产生一个像这样的长字符串......

hatsHat，Hatshepsut，Hatsukaichi Station，Nats Off to the Bull，Hatsune Miku，Hatsuharu-class驱逐舰，...... DIVA ArcadeA帽子是一种头套，因各种原因而被佩戴，包括防护元素，仪式... Project DIVA-）是由Sega和Crypton Future Media创建的一系列节奏游戏我想要一个可能搜索的十个网址列表......等等。

如何将其编码到我的结果显示10个单独的链接，我可以搜索？我很感激帮助。感谢

Answer 1

我玩了一些你的代码并附带了一些你可能想要使用的东西：

$("#go").on("click", function() {
  $('#output').empty();
  var searchTerm = $("#searchTerm").val();
  var url = "https://en.wikipedia.org/w/api.php?action=opensearch&search=" + searchTerm + "&list=10&format=json&callback=?";
  $.ajax({
    url: url,
    type: "Get",
    async: false,
    dataType: "json",
    success: function(data) {
      for (var i = 0; i < data[3].length; i++) {
        $('#output').append($('<a>').attr('href', data[3][i]).text(data[1][i])).append("<br>").html();
      }
    }
  })
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="searchTerm">
<input type="submit" id="go"  value="Wiki Me">
<div id="output"></div>

维基百科搜索页面

1 个答案: