Ajax是什么
Ajax是异步的 JavaScript 和 XML,是一种用于创建快速动态网页的技术;
Ajax不需要刷新整个页面,就能够更新部分网页内容
使用Ajax的好处
- Ajax使用异步传输,实现页面局部刷新,优化用户体验
- 优化了浏览器和服务器之间的传输,减少不必要的数据往返,减少了带宽占用
- Ajax在客户端运行,承担了一部分本来由服务器承担的工作,从而减少了大用户量下的服务器负载
怎么使用Ajax
- 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() { //请求失败时调用此函数
}
});