Ajax笔记

方法	描述
open(method,URL,async)	建立与服务器的连接 method:请求方式【get，post】 URL：请求地址 async：是否使用异步请求【true||false】
send(conten)	发送请求：content：请求参数，只有post请求才能通过send()发送参数
setRequestHeader(header,value)	设置请求头信息

常用事件：
onreadystatechange:事件属性：指定回调函数，当readyState属性改变时触发执行
常用属性：
readState:表示XMLHttpRequest对象的状态

就绪状态码	说明
0	XMLHttpRequest对象已经创建，还没有完成初始化
1	XMLHttpRequest对象开始发送请求
2	XMLHttpRequest对象的请求发送完成
3	XMLHttpRequest对象开始读取响应，还没有结束
4	XMLHttpRequest对象读取响应结束

常用属性：
status：表示HTTP请求响应的状态

状态码	说明
200	服务器响应正常
400	无法找到请求的资源
403	没有访问权限
404	访问的资源不存在
500	服务器内部错误

responseText：获得响应的文本内容
responseXML：获得响应的XML文档对象Document
就绪状态码是4且状态码是200，才可以处理服务器数据
XMLHttpRequest方法：
语法：setRquestHeader(header,value); header:要设置的头部的名称 value：要设置的头部的值
说明：用于设置一个HTTP请求的头部
示例：

xhr.open("POST","SimpleServlet",true);
xhr.setRequestHeader("Content-Type","application/x-www-from-urlencodeed;charset=utf-8");
xhr.send("name=tom&&age=22");

使用jq实现ajax
传统方式实现ajax的不足：
1，方法、属性、常用值较多不好记忆
2，步骤繁琐
3，浏览器兼容性问题
jq常用ajax方法
$.ajax()发送HTTP请求加载远程数据，最底层Ajax实现
$.get()发送http get请求从服务器加载数据
$.post()发送http post请求从服务器加载数据
$.getJSON()发送请求从服务器加载JSON数据
load()发送Ajax请求从服务器加载数据，并把返回的数据放置到指定的元素中，最简单的方法

$ajax

$.ajax([settings]);

属性名	描述
String type	请求方式（post或get，默认get）
String url	发送请求的地址，默认为当前页地址
boolean async	请求模式，默认为true，异步
Object data或String data	发送到服务器的数据
String dataType	返回的数据类型，包括：XML、HTML、Script、JSON、JSONP、text（默认）
Number timeout	设置请求超时事件
boolean	表示是否触发全局Ajax事件，默认为true

函数	描述
function success(Object result,String ts)	请求成功后调用的函数，参数：result【可选，由服务器返回的数据】参数ts【可选，描述请求类型的字符串】
function error(XMLHttpRequest xhr,String em ,Exception e)	请求参数失败时被调用的函数参数xhr可选，em【错误信息】可选，参数e可选【捕获的异常对象】
function beforeSend(XMLHttpRequest xhr)	发送请求前调用的函数，参数xhr可选
function complete(XMLHttpRequest xhr,String ts)	请求完成后调用的函数，不论成功与否。参数xhr可选，参数ts【描述请求类型的字符串】可选

$.get()

​ 语法：$.get(url,data,success(resp,status,xhr),dataType);
​ 常用参数

参数名	说明
String url	必选，规定将请求发送到那个URL
Object data或String data	可选，规定连同请求发送到服务器的数据
function success(Object result,String status,XMLHttpRequest xhr)	可选，请求成功后调用的函数，参数result【可选，服务器返回的结果数据】参数status【可选，请求额状态】参数xhr【可选】
String dataType	可选。预期服务器返回的数据类型，包括：XML、HTML、Script、JSON、JSONP、text

$.post()

​ 语法：$post(url,data,success(resp,status,xhr),dataType)
​ 常用参数

参数名	说明
String url	规定将请求发送到URL
Object data或String data	可选，规定连同请求发送到服务器的数据
function success(Object result,String status,XMLHttpRequest xhr)	可选，请求成功后调用的函数，参数resullt【可选，服务器返回的结果数据】，参数status【可选，请求的状态】，参数xhr【可选】
String dataType	可选。预期服务器返回的数据类型，可用类型有：XML，HTML，Script，JSON，JSONP，text