如何做Ajax请求?

时间:2017-08-06 08:10:12

标签: javascript jquery ajax

我试图为我的freecodecamp项目制作维基百科查看器。但是ajax请求每次都失败了。它没有返回任何东西。



0x00000000fdfdfdfd




2 个答案:

答案 0 :(得分:1)

  1. 设置dataType: 'jsonp'
  2. 从网址中删除&callback=?(这是jQuery将使用的默认设置
  3. 例如

    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>

答案 1 :(得分:0)

使用此代码:

<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>