1、Ajax是什么?
● Ajax 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术
2、使用Ajax的好处
● 通过异步模式,提升了用户体验;
● 优化了浏览器和服务器之间的传输,减少不必要的数据往返,减少了带宽占用;
● Ajax引擎在客户端运行,承担了一部分本来由服务器承担的工作,从而减少了大用户量下的服务器负载
3、如何使用
● jQuery中发送ajax请求:
$.ajax({
type: "POST",url: "",data: "name=John",success: function(msg){}
});
● Vue发送ajax请求:
get请求: axios.get(url,[options]);
post请求:axios.post(url,data,[options]);
//请求路径、请求方式、请求参数、请求数据类型、响应数据类型、是否成功
$.ajax({
url: "请求路径",
type: "请求方式:POST、GET",
data: "发送到服务器的数据",
contentType: "发送信息至服务器时内容编码类型",
dataType: "预期服务器返回的数据类型:json、xml、text 等",
success: function( data, textStatus ) { //成功回调
// data 响应数据
},
error: function() { //请求失败时调用此函数
}
});