jquery中ajax
- XMLHttpRequest用法复杂,所以jquery对他进行封装,极大地降低了ajax的使用难度
- jquery对ajax发起请求三种方法
(1) $.get() 获取数据
(2) $.post() 提交数据
(3) $.ajax() 获取和提交数据
$.get()
- 语法:
$.get(url,[data],[callback])
(1)url:参数类型string,必选的,要请求的资源地址
(2)data:参数类型object 请求资源期间要携带的参数
(3)callback:参数类型 function,请求成功时的回调函数 - $.get()发起不带参数请求
直接提供请求地址和请求成功之后的回调函数即可 - $.get()发起带参数请求
直接提供请求地址,参数data和请求成功之后的回调函数即可
$.post()
- 语法:
$.post(url,[data],[callback])
(1)url:参数类型string,必选的,提交的资源地址
(2)data:参数类型object ,提交的数据
(3)callback:参数类型 function,提交成功时的回调函数
$.ajax()
- 语法:
$.ajax({
type:‘’, //请求的方式
url:‘’, //请求的地址
data:{} //这次请求要携带的数据
success:function(res){} //请求成功之后回调函数
}) - 使用$.ajax()发起get请求:
示例代码:
$.ajax({
type:‘get’, //请求的方式
url:‘http://www.yuzhuo.top:3306/api/books’, //请求的地址
data:{id:1} //这次请求要携带的数据
success:function(res){ //请求成功之后回调函数
console.log(res);
}
}); - 使用$.ajax()发起post请求:
示例代码:
$.ajax({
type:‘post’, //请求的方式
url:‘http://www.yuzhuo.top:3306/api/books’, //请求的地址
data:{id:1} //这次请求要携带的数据
success:function(res){ //请求成功之后回调函数
console.log(res);
}
});