黑马程序员技术交流社区

标题: 【石家庄校区】AJAX笔记 [打印本页]

---

作者: 说什么好    时间: 2018-5-27 16:00
标题: 【石家庄校区】AJAX笔记

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,"属性名")：                                                                                                                                属性名作为标签

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2