Question

尝试进行简单的ajax调用，但我无法console.log响应。导航到浏览器中的URL会返回数据，但仍然可以。

我也没有看到错误警告，所以不应该失败？

代码：

var $searchBox = $('#search');
var $searchButton = $('#button');

$searchButton.on('click', function(){

var url = "https://en.wikipedia.org/w/api.php?action=opensearch&search="
+ $searchBox.val() + "&format=json&callback=?";
console.log(url);
$.ajax({
    type: 'GET',
    url: url,
    async: false,
    dataType: 'json',
    success: function(data){
        console.log(data);
    },
    error: function(errorMessage){
        alert('Error');
    }
 });
});

Answer 1

要防止点击默认重定向，您可以使用e.preventDefault()事件。

var $searchBox = $('#search');
var $searchButton = $('#button');

$searchButton.on('click', function(e){
   e.preventDefault(); 
   var url = "https://en.wikipedia.org/w/api.php?action=opensearch&search="
+ $searchBox.val() + "&format=json&callback=?";
   console.log(url);
   $.ajax({
     type: 'GET',
     url: url,
     async: false,
     dataType: 'json',
     success: function(data){
        console.log(data);
     },
     error: function(errorMessage){
        alert('Error');
     }
   });
});

ajax调用有问题，无法弄清楚是什么

1 个答案: