何かajax呼び出しに間違っている、何がわからない

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