ajax学习:
1、ajax的作用:
ajax局部刷新技术,其实就是使用js实现局部数据的实时变更
解决了不同响应之间数据共享的问题
优势:
提高了网络传输效率,提升了用户体验
2、ajax的使用
创建ajax对象:
浏览器差异问题
复写onreadystatechange函数
接收响应结果:
响应数据的类型:
普通文本:就是字符串
json格式的数据:
就是使用了json数据格式拼接的字符串,这样在客户端我们就可以
使用eval()方法将响应的字符串数据转换成可执行的js代码
极力推荐使用json数据格式来做响应
XML数据:
使用JSP页面来书写XML数据,设置响应头为XML类型的数据。
在客户端使用responseXML来接收响应的xml数据(返回document对象)。
使用document对象来操作xml数据
doc.getElementsByTagName("标签名")[角标].firstChild.data
按照readyState的值为4来接收,4表示响应数据成功接收
status:200表示一切OK
404表示资源未找到
500表示服务器内部错误
处理响应结果:
使用js操作文档结构
创建并发送请求:
异步同步:
异步:默认是异步,会开辟两个线程,主线程会继续执行代码,子线程来处理响应结果的代码
同步:一个线程,会等待处理结果完成后,再继续执行后面的代码
get:
请求数据以问号的形式拼接在url后面,键值对。
因为浏览器差异的问题,在send的时候一定是:send(null)
request.open("get","uri?用户请求数据");
request.send(null);
post:
post是有请求实体的,用户数据使用send直接发送
request.open("post","uri");
request.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
request.send("用户数据");
总结:
ajax学习:
1、ajax的优势及诞生
2、ajax的使用
创建ajax对象
复写onreadstatechange函数
状态码
响应数据格式
普通文本
json
xml
创建并发送请求
异步同步
get方式
post方式