为什么我的维基百科 opensearch ajax 请求 return 不成功？

Question

我尝试了很多不同的方法，但我无法执行成功块，并且我一直将 ajax 请求 return 作为错误，尽管 url 是正确的。我的错误是 "undefined"。你对我可以尝试的其他事情有什么想法吗？谢谢你的帮助。

$(document).ready(function() {
  $("form").submit(function() {
    var searchTerm = $("#searchterm").val();
    var proxy = 'https://cors-anywhere.herokuapp.com/';
    var url = "https://en.wikipedia.org/w/api.php?action=opensearch&search=" +
      searchTerm + "&format=json";

    $.ajax({
      url: proxy + url,

      success: function(response) {
        console.log(response);
      },

      error: function(request, status, error) {
        console.log(request.responseText);
        console.log(url);
      }
    });
  });
});

Answer 1

在您的提交事件处理程序中添加：

e.preventDefault();

因为默认情况下，您的表单正在取消代码并执行表单的提交事件。

希望对您有所帮助：

$(document).ready(function() {
  $("form").submit(function(e) {
    e.preventDefault();
    var searchTerm = $("#searchterm").val();
    var proxy = 'https://cors-anywhere.herokuapp.com/';
    var url = "https://en.wikipedia.org/w/api.php?action=opensearch&search=" +
      searchTerm + "&format=json";

    $.ajax({
      url: proxy + url,

      success: function(response) {
        console.log(response);
        alert("ok");
      },

      error: function(request, status, error) {
        console.log(request.responseText);
        console.log(url);
      }
    });
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<form>
  <input id="searchterm" type="text" />
  <button id="btnSend" type="submit">Send</button>
</form>

为什么我的维基百科 opensearch ajax 请求 return 不成功？

Why won't my wikipedia opensearch ajax request return successfully?

javascript

ajax

jquery

wikipedia

wikipedia-api