Ajax
2021-08-29 18:24:55 6 举报AI智能生成
Ajax总结
作者其他创作
大纲/内容
JSON
JSON的优点
json格式好理解
好处理
javascript
体积小
传输速度快
易解析
JSON存在形式
JSON对象
var json = {
id:"1",
name:"张三",
sex:"男"
}
id:"1",
name:"张三",
sex:"男"
}
JSON数组
var jsonArr = [
{id:"1",name:"张三",sex:"男"},
{id:"2",name:"李四",sex:"女"}
]
{id:"1",name:"张三",sex:"男"},
{id:"2",name:"李四",sex:"女"}
]
JSON工具包
gson
google
fastjson
处理速度快
牺牲部分性能实现
不是最符合规范的
jackson
性能好
规范好
用法
ObjectMapper mapper = new ObjectMapper();
String jsonStr = mapper.writeValueAsString("待转化对象");
String jsonStr = mapper.writeValueAsString("待转化对象");
json-lib
性能差，依赖多
概念
异步的
javascript
json
XMLHttpRequestion
使用步骤
创建异步对象
var xmlHttp = new XMLHttpRequest();
绑定onreadystatechange事件
xmlHttp.onreadystatechange = function(){
if(readyState === 4 && status === 200) {
//接收响应数据
//更新DOM对象
}
}
if(readyState === 4 && status === 200) {
//接收响应数据
//更新DOM对象
}
}
初始化
xmlHttp.open(请求方式,请求资源+请求参数,异步(true)/同步(false));
xmlHttp.open("get","url",true);
发送请求
xmlHttp.send();
属性
readyState
Ajax请求过程中的状态变化
0：创建异步对象
1：初始化
2：发送请求
3：从服务器接收到原始数据
4：原始数据处理完毕
status
网络通信状态
200
网络通信成功
请求成功
404
未找到相关资源
异步和同步
异步
xmlHttp.open("get","url",true);
可以同时执行多个异步请求
在send未执行完毕时
可以执行其他语句
同步
xmlHttp.open("get","url",false);
一次只能执行一个异步请求
在send未执行完毕时
不可以执行其他语句
0 条评论
下一页
