Ajaxリクエストの操作方法は？

Question

私のfreecodecampプロジェクトのためにwikipediaビューアを作成しようとしています。しかし、毎回ajaxリクエストが失敗します。何も返さない。

var url, value; 
 
$(document).ready(function() { 
 
    $("button").on("click", function() { 
 
    value = $("input").val(); 
 
    var url = "https://en.wikipedia.org/w/api.php?action=opensearch&search=" + 
 
     value + "&format=json&callback=?"; 
 
    $.ajax({ 
 
     type: "GET", 
 
     url: url, 
 
     async: false, 
 
     dataType: "json", 
 
     //jsonp: "callback", 
 
     success: function(data) { 
 
     console.log(data); 
 
     } 
 
    }); 
 
    }); 
 
});

Answer 1

使用このコード：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" id="search" /><br /><br /> 
 
<button>Click here</button> 
 
<script> 
 
    var url, value; 
 
    $(document).ready(function() { 
 
     $("button").on("click", function() { 
 
     value = $("input").val(); 
 
     var url = "https://en.wikipedia.org/w/api.php?action=opensearch&search=" + 
 
      value + "&format=json"; 
 
     $.ajax({ 
 
      type: "GET", 
 
      url: url, 
 
      async: false, 
 
      dataType: "jsonp", 
 
      success: function(data) { 
 
      console.log(data); 
 
      } 
 
     }); 
 
     }); 
 
    }); 
 
</script>

Answer 2

1. はそれがjQueryのはとにかく使用するデフォルトです（URLから&callback=?を削除
2. dataType: 'jsonp'を設定

例

var value = "google"; 
 
var url = 'https://en.wikipedia.org/w/api.php?action=opensearch&search='+ value + '&format=json'; 
 
$.ajax({ 
 
    type: 'GET', 
 
    url: url, 
 
    dataType: 'jsonp', 
 
    success: function (data) 
 
    { 
 
     console.log(data); 
 
    } 
 
});

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