ajax 一个完整的ajax请求

最新推荐文章于 2025-06-14 19:36:47 发布

原创

最新推荐文章于 2025-06-14 19:36:47 发布 · 10w+ 阅读

230 ·

CC 4.0 BY-SA版权

本文详细介绍了如何使用Ajax进行数据交互，包括创建XMLHttpRequest对象、发送请求、处理响应，以及jQuery中简化后的ajax用法。还讨论了GET和POST请求的区别，强调了在不同场景下选择合适请求方法的重要性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

var request;
if(window.XMLHttpRequest){
request=new XMLHttpRequest(); //IE7+,...
}else{
request=new ActiveXObject("Microsoft.XMLHTTP"); //IE6,IE5

用XHR发送请求：
open(method,url,async) 调用XHR对象，async表示同步还是异步，默认为true(异步)；
send(String) 发送请求。

request.open("POST","create.php",true);
request.setRequestHeader("Content-type","application/x-www-form-urlencoded"); //必须写在open和send中间
request.send("name=王大锤&sex=男");

一、xhr取得响应
1、responseText:获得字符串形式的相应数据。
2、responsXML:获得XML形式的相应数据。
3、status和statusText：以数字和文本形式返回http状态码。
4、getAllResponseHeader()：获取所有的响应报头。
5、getResponseHeader()：查询响应中的某个字段的值。
6、readyState属性：响应返回成功的时候得到通知。
（1）0：请求未初始化，open还没有调用。
（2）1：服务器连接已建立，open已经调用了。
（3）2：请求已经接收，也就是接收到头信息了。
（4）3：请求处理中，也就是接收到响应主体了。
（5）4：请求已完成，且响应已就绪，也就是响应完成了。
二、典型的xhr建立ajax的过程。（涵盖了ajax的大部分内容）
1、new一个xhr对象。
2、调用xhr对象的open方法。
3、send一些数据。