jQuery中的ajax方法

简单介绍一下啊ajax：

       它是一种异步通信的方法，通过直接由 js 脚本向服务器发起 http 通信，然后根据服务器返回的数据，更新网页的相应部分，而不用刷新整个页面的一种方法。

jQuery中的ajax方法：

       $.ajax()   jq团队封装的ajax。

// $.ajax() 中的参数
$.ajax({
    url: '', //接口地址
    type: '', //请求方法  GET  POST
    async: true, //是否异步 默认true
    data: {}, // 传递的参数
    dataType: '', // 1.相应数据的格式  2.是否跨域(jsonp)
    beforeSend: function () { }, //请求之前的回调
    success: function () { }, //请求成功的回调
    error: function () { }, //请求失败的回调
    complete: function () { } //请求完成
})

      用黑马程序员的接口尝试获取一下数据：

    $('button').on('click', function () {
      $.ajax({
        url: 'http://hmajax.itheima.net/api/province',
        type: 'GET',
        data: {},
        success: function (content) {
          console.log(content)
        },
        error: function (err) {
          console.log(err)
        }
      })
    })

控制台输出