JavaScript发送原生ajax请求

JavaScript发送原生ajax请求

1.创建XMLHttprequest对象

2.发送请求

3.接收请求

readyState状态值
0 （未初始化）	对象已建立，但是尚未初始化（尚未调用open方法）
1 （初始化）	已调用send()方法，正在发送请求
2 （发送数据）	send方法调用完成，但是当前的状态及http头未知
3 （数据传送中）	已接收部分数据，因为响应及http头不全，这时通过responseBody和responseText获取部分数据会出现错误
4 （完成）	数据接收完毕，此时可以通过通过responseBody和responseText获取完整的回应数据

二、ajax接收数据的几种方式

1.普通文本数据:

直接使用HMLHttprequest.responseText获取放回的文本数据

2.xml数据:

如果使用xml类型数据，服务端需要声明返回类型:

request.setContentType("text/xml;charset=utf-8");

PrintWriter out = response.getWriter();

out.println("<response><name>张三</name></response>");

out.close();

而客户端的接收代码为:

XMLHttpRequest.responseXML.getElementsByTagName("name")[0].firstChild.nodeValue;

3.json数据: