您的位置:首页 > Web前端 > JavaScript

JavaScript发送原生ajax请求

2016-09-22 10:54 344 查看

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数据:
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: