首页  思维导图  详情



 



Ajax

2021-08-29 18:24:55   6  举报





Ajax总结

AJAX

模板推荐

作者其他创作

大纲/内容

JSON

JSON的优点

json格式好理解

好处理

javascript

体积小

传输速度快

易解析

JSON存在形式

JSON对象

var json = {           id:"1",           name:"张三",           sex:"男"       }

JSON数组

var jsonArr = [           {id:"1",name:"张三",sex:"男"},           {id:"2",name:"李四",sex:"女"}       ]

JSON工具包

gson

google

fastjson

处理速度快

牺牲部分性能实现

不是最符合规范的

jackson

性能好

规范好

用法

ObjectMapper mapper = new ObjectMapper(); String jsonStr = mapper.writeValueAsString("待转化对象");

json-lib

性能差，依赖多

概念

异步的

javascript

json

XMLHttpRequestion

使用步骤

创建异步对象

var xmlHttp = new XMLHttpRequest();

绑定onreadystatechange事件

xmlHttp.onreadystatechange = function(){     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未执行完毕时

不可以执行其他语句

 Collect

Get Started

Ajax

 Collect

Get Started

ajax

 Collect

Get Started

搜索补全

 Collect

Get Started

Ajax





0 条评论

下一页