简单介绍一下啊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)
}
})
})
控制台输出