举报投诉联系我们 手机版 热门标签 名动网
您的位置：名动网 > ajax创建过程 AJAX XHR-创建对象

ajax创建过程 AJAX XHR-创建对象

2023-03-25 20:20 AJAX教程

ajax创建过程 AJAX XHR-创建对象

ajax创建过程

Ajax（Asynchronous JavaScript and XML）是一种用于创建快速动态网页的技术。它使用异步数据传输来更新部分网页，而不是整个页面。Ajax可以在不重新加载整个网页的情况下更新部分内容，从而减少了网站的响应时间。

Ajax的创建过程包括以下几个步骤：

1. 创建XMLHttpRequest对象 
   var xhr = new XMLHttpRequest(); 
2. 初始化XMLHttpRequest对象 
   xhr.open("GET", "url", true); 
3. 设置回调函数 
   xhr.onreadystatechange = function(){...}; 
4. 发送请求 
   xhr.send(); 
5. 处理服务器响应 
   if(xhr.readyState == 4 && xhr.status == 200){...}

AJAX XHR-创建对象

AJAX - 创建 XMLHttpRequest 对象

　XMLHttpRequest 是 AJAX 的基础。

　XMLHttpRequest 术语缩写为XHR，中文可以解释为可扩展超文本传输请求。

　XMLHttpRequest 对象可以在不向服务器提交整个页面的情况下，实现局部更新网页。

　XMLHttpRequest的对象用于客户端和服务器之间的异步通信。

　它执行以下操作：

  1. 在后台从客户端发送数据
  2. 从服务器接收数据
  3. 更新网页而不重新加载。

XMLHttpRequest 对象

　所有现代浏览器均支持 XMLHttpRequest 对象（IE5 和 IE6 使用 ActiveXObject）。

　XMLHttpRequest 用于在后台与服务器交换数据。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。


创建 XMLHttpRequest 对象

　所有现代浏览器（IE7+、Firefox、Chrome、Safari 以及 Opera）均内建 XMLHttpRequest 对象。

　创建 XMLHttpRequest 对象的语法：

variable=new XMLHttpRequest();

　老版本的 Internet Explorer （IE5 和 IE6）使用 ActiveX 对象： 

variable=new ActiveXObject("Microsoft.XMLHTTP");

　为了应对所有的现代浏览器，包括 IE5 和 IE6，请检查浏览器是否支持 XMLHttpRequest 对象。如果支持，则创建 XMLHttpRequest 对象。如果不支持，则创建 ActiveXObject ：:

实例

var xmlhttp;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }

　现在，你已经学会如何创建 XMLHttpRequest 对象了（这是学习AJAX的基础），接下来，在下一章中，您将学习发送服务器请求的知识。

XMLHttpRequest对象的属性

XMLHttpRequest对象的常见属性如下：

属性 描述
onreadystatechange
存储函数（或函数名），每当readyState的属性改变时，就会调用该函数。
readyState 存有的XMLHttpRequest的状态从0到4发生变化。
0：请求未初始化
1：服务器连接已建立
2：请求已接收
3：请求处理中
4：请求已完成，且响应已就绪
responseText 以文本形式返回响应。
responseXML 以XML格式返回响应
status
 将状态返回为数字（例如，“Not Found”为404，“OK”为200）
statusText
 以字符串形式返回状态（例如，“Not Found”或“OK”）

XMLHttpRequest对象的方法

XMLHttpRequest对象的重要方法如下：

方法 描述
abort()
取消当前请求。
getAllResponseHeaders()
以字符串形式返回完整的HTTP标头集。
getResponseHeader( headerName )
返回指定HTTP标头的值。
void open（method，URL） 打开指定获取或交的方法和URL的请求。
void open（method，URL，async） 与上面相同，但指定异步或不。
void open（method，URL，async，userName，password）
与上面相同，但指定用户名和密码。
void send（content） 发送获取请求。
setRequestHeader（ label，value）
将标签/值对添加到要发送的HTTP标头。

相关文章

Ajax XMLHttpRequest


阅读全文
以上是名动网为你收集整理的ajax创建过程 AJAX XHR-创建对象全部内容。
声明：本站所有文章资源内容，如无特殊说明或标注，均为采集网络资源。如若本站内容侵犯了原著者的合法权益，可联系本站删除。
相关文章
猜您喜欢
标签TAG
本月热门
© 2024 名动网 mdwl.vip 版权所有 联系我们
桂ICP备19007206号-156 返回底部