AJAX
Ajax:异步的JavaScript And XML
同步:进行部分操作时会刷新整个页面
异步:进行部分操作时刷新局部页面
Js中有一个对象XMLHttpRequest,可以向服务器发送请求,RIA:Rich Internet Application
XMLHttpRequest:
创建XMLHttpRequest对象:
IE:将XMLHttpRequest对象封装在一个AcitveXObject组件
Firefox:直接就可以创建XMLHttpRequest对象
属性:
状态:readState
0:为初始化
1:初始化
2:发送数据”
3:数据传输中
4:数据传送完成
onreadstaechange:当这个对象的状态改变的时候触发一个函数
status:获得响应的状态码 200,404,500...
responseText:获得异步加载响应的文本数据
responseXml:获得响应的XML的数据
方法:
open(请求方法,请求路径,是否异步请求) :异步去向服务器发送请求
send(请求的参数) :发送请求
setRequestHeader(头信息,头的值):处理post请求方式的中文问题
<form>表单属性:
原生的JS的写法实现
给文本框绑定一个blur事件,触发一个函数,
获得文本框的值
获得异步对象
设置监听onreaderStatechange = function(){
判断状态码
}
用异步对象打开连接(“get”,servlet路径+值,true)
获得异步对象的方法返回一个异步对象
利用JS的框架去实现
JQuery中AJAX部分方法:
JQ的对象.load(路径(url),参数,回调函数);
$.get(路径,参数,回调函数,数据类型)
$.post(路径,参数,回调函数,数据类型)
$.ajax();
serialize(): --jq的AJAX传递参数时需要的方法
date:服务器对当前请求的响应
AJAX的响应数据
文本,一段HTML的数据,XML,JSON
XML的生成工具
xStream工具,将集合,数组,对对象转成XML
xStream.alias(); :修改标签名
xStream.toXML() :转XML
xStream.userAttributeFor(类名.class,"属性名"): 属性名作为标签
|
|