Javascript ajax调用出现问题，无法找出原因

试图进行一个简单的ajax调用，但我无法

console.log

响应。 在浏览器中导航到url会返回数据，但仍然存在

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

代码：

---

要防止单击默认重定向，可以使用

e.preventDefault（）

event

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');
     }
   });
});

似乎工作正常->

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');
     }
   });
});