Javascript Ajax只处理某些url

我有以下JavaScript代码-#test是html中的一个简单h3标记。我测试这可以用“test1”来更改。我的问题是为什么ajax只适用于某些URL。在下面的代码片段中，永远不会成功：换句话说，#test不会变成“test2”。但是，如果我将URL替换为

''

取得了成功。两者都链接到JSON，在我看来都一样。。。那么，为什么只有上面显示的URL才能成功

一个类似的问题-，说这是由于同一原产地政策。这也适用于我的情况吗？有没有办法绕过这个问题

$(document).ready(function(){
  $("#button").on("click", function(e) {
    e.preventDefault();
    $("#test").html("test1");

    $.ajax({
      url: 'https://en.wikipedia.org/w/api.php?action=query&list=search&srsearch=Albert%20Einstein&format=json',
      success: function(data) {
        $('#test').html("test2");

      },
      cache: false
    });
  });
})

---

找到了一种使用jsonp作为数据类型的方法，可以在这里找到

我的更新代码：

$(document).ready(function(){
  $("#button").on("click", function(e) {
    e.preventDefault();
    $("#test").html($("input").val());
    $.ajax({
      url: "https://en.wikipedia.org/w/api.php?action=query&titles=Boston%20Tea%20Party&prop=revisions&rvprop=content&format=json",
      data: {
        format: 'json' 
      }, 
      dataType: 'jsonp',

      success: function(data) {
        $('#test').html(Object.keys(data.query.pages)[0]);
      },
      cache: false
    });
  });
})

---

这可能是同一个问题。控制台日志中写了什么？另外，请检查开发人员控制台的“网络”选项卡。如果请求被成功触发，它应该提供一个响应。我使用CodePen，它什么也没说