个人中心
gpt4 book ai didi

javascript - 维基百科 API 沙箱，根据用户输入进行搜索

转载 作者：行者123 更新时间：2023-12-03 05:11:34 25 4
gpt4 key购买 nike

尝试通过用户输入在维基百科中搜索，但由于某种原因不起作用。首先我认为这可能是由于跨域问题造成的。但 .ajax 应该对此有所帮助。

这是代码笔:http://codepen.io/ekilja01/pen/pRerpb

这是我的HTML:

<script src="https://use.fontawesome.com/43f8201759.js">
</script>


<body>

  <h2 class="headertext">WIKIPEDIA  <br> VIEWER </h2>


  <div class="row">
    <div class="col-10-md">

      <input class="searchRequest blink_me" id="cursor" type="text" placeholder="__"></input>

    </div>

    <div class="searchIcon col-2-md"> </div>
  </div>

<div>
  <p class=results></p>
</div>


</body>

这是我的jQuery: 

$(document).ready(function() {

  var icon = "<i class='fa fa-search fa-2x'></i>";

  $('#cursor').on("keydown", function() {
    $(this).removeClass("blink_me");
    var searchIcon = $(".searchIcon");

    searchIcon.empty();
    if ($(".searchRequest").val().length > 0) {
      searchIcon.append(icon);
    }






    searchIcon.on("click", function() {
console.log("clicked!");


      var search = $(".searchRequest").val();

      var url = "https://en.wikipedia.org/w/api.php?action=opensearch&format=json&search=" + search + "&format=json&callback=?";  

      $.ajax({
        dataType: "jsonp",
        url: url,
        success: function(data) {
          $(".results").html(data[0]);

          console.log(data[0]);
             }

      });
    });
  });
});

我做错了什么？请帮忙。

最佳答案

您的 js 加载顺序有错误。

data 对象包含索引为 2 的数组中的结果文本，我认为这是您想要显示的内容，请将其更改为

$(".results").html(data[2]);

您可以在此处查看原始代码的修改版本

http://codepen.io/anon/pen/mRmGXG

关于javascript - 维基百科 API 沙箱，根据用户输入进行搜索，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/41796456/

25 4 0
文章推荐： javascript - 在运行时初始化 HTML 模板图像属性
文章推荐： javascript - CSP 是否需要 "use strict"
文章推荐： javascript oninput 只触发一次？
文章推荐： javascript - html 文件找不到上传目录
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com