发送AJAX请求
get请求
$.get('请求地址', 参数, 成功的回调函数, 'json');
参数1:请求地址
参数2:请求携带的数据,可以是拼接的字符串形式,也可以是对象形式
参数3:成功的回调函数,参数为响应回来的的数据
参数4:希望返回的数据格式
$.get('get.php',{id:1},function(res){
console.log(res);
},'json');
post请求
$.post('请求地址', 参数, 成功的回调函数, 'json');
$.post('post.php',{id:1},function(res){
console.log(res);
},'json');
ajax请求
$.ajax({
url: './ajax',
type: 'GET',
data: {},
dataType: 'json',
async: true,
success () {},
error () {},
cache: true,
context: div,
status: {},
timeout: 1000,
})
$.ajax({
type:"post",
url:"ajax.php",
dataType:"json",
success:function(res){
console.log(res);
}
});
jsonp请求
$.ajax({
url: './jsonp.php',
dataType: 'jsonp',
data: { name: 'Jack', age: 18 },
success (res) {
console.log(res)
},
jsonp: 'cb',
jsonpCallback: 'fn'
})
全局AJAX函数
- 全局ajax函数指的ajax的钩子函数
- 钩子函数指的是一件事情执行到某个阶段的时候自动调用的函数
ajaxStart
$(window).ajaxStart(function () {
console.log('有一个请求开始了')
})
ajaxSend
$(window).ajaxSend(function () {
console.log('有一个要发送出去了')
})
ajaxSuccess
$(window).ajaxSuccess(function () {
console.log('有一个请求成功了')
})
ajaxError
$(window).ajaxError(function () {
console.log('有一个请求失败了')
})
ajaxComplete
$(window).ajaxComplete(function () {
console.log('有一个请求完成了')
})
ajaxStop
$(window).ajaxStop(function () {
console.log('有一个请求结束了')
})