Ajax知识点
1. 什么是ajax?ajax作用是什么?
AJAX 是异步 JavaScript 和 XML。一种用于创建更好更快以及交互性更强的 Web 应用程序的技术。 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新.
2. XMLHttpRequest对象的常用方法和属性
属性:
readyState:请求的状态,有5个可取值,0=未初始化 ,1=正在加载,2= 已加载,3=交互中,4=完成
responseText:目前为止接收到的响应体,readyState<3此属性为空字符串,=3为当前响应体,=4则为完整响应体。
reponseXML:服务器的响应,解析为xml。
方法:
open:初始化请求参数但是不发送。
setRequestHeader:配置请求头信息,处理post参数。
send()方法:发生http异步请求
abort()方法:取消当前响应
3.ajax请求有几个步骤?
<script>
//1.创建XMLHttpRequest对象
let request= new XMLHttpRequest();
//2.监听readyState各个阶段触发事件
request.onreadystatechange = function ()
{
//判断服务器是否返回响应
if (request.readyState === 4)
{
//判断是否执行正确
if (request.status === 200)
{
//获取服务器响应文本
let text=request.responseText;
//业务逻辑操作
}
}
};
//规定请求的类型、URL 以及是否异步处理请求。
request.open('method:string','url:string','async:boolean');
//发送信息至服务器时内容编码类型
request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
//发送请求
ajax.send();
<script>
Ajax优点
- 通过异步模式,提升了用户体验
- 优化了浏览器和服务器之间的传输,减少不必要的数据往返,减少了带宽占用
- Ajax引擎在客户端运行,承担了一部分本来由服务器承担的工作,从而减少了服务器负载。
- 基于标准化的并被广泛支持的技术,不需要下载插件或者小程序
Ajax缺点
- ajax干掉了back按钮,即对浏览器后退机制的破坏
- 安全问题:开发者在不经意间会暴露比以前更多的数据和服务器逻辑
- 对搜索引擎的支持比较弱
- 违背了url和资源定位的初衷
json
json指的是JavaScript对象表示法
json是纯文本
json是轻量级的文本数据交换格式
json独立于语言,json解析器和json库支持许多不同的编程语言
json具有自我描述性,更易理解
json具有层级结构
Gson gson=new Gson();
gson.toJson(); //对象转JSON字符串
gson.fromJson(); //JSON字符串转对象
JSON.parse(); //字符串转JSON对象
JSON.stringify(""); //JSON对象串转字符串