AJAX学习笔记(二、创建对象)

举报
三分恶 发表于 2021/04/30 05:34:58 2021/04/30
【摘要】 XMLHttpRequest 对象 XMLHttpRequest对象是AJAX 的基础。 XMLHttpRequest 术语缩写为XHR,中文可以解释为可扩展超文本传输请求。  XMLHttpRequest 对象可以在不向服务器提交整个页面的情况下,实现局部更新网页。  XMLHttpRequest的对象用于客户端和服务器之间的异步通信。 它执行以下操作: 1、...

XMLHttpRequest 对象

XMLHttpRequest对象是AJAX 的基础。

XMLHttpRequest 术语缩写为XHR,中文可以解释为可扩展超文本传输请求。
 XMLHttpRequest 对象可以在不向服务器提交整个页面的情况下,实现局部更新网页。
 XMLHttpRequest的对象用于客户端和服务器之间的异步通信。

它执行以下操作:

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

创建XMLHttpRequest对象

所有现代浏览器(IE7+、Firefox、Chrome、Safari 以及 Opera)均内建 XMLHttpRequest 对象。
创建 XMLHttpRequest 对象的语法:

var xmlhttp=new XMLHttpRequest();

  
 
  • 1

老版本的 Internet Explorer (IE5 和 IE6)使用 ActiveX 对象:

var xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");

  
 
  • 1

所以一般为了适应所有浏览器,创建XMLHttpRequest对象是这种写法:

var xmlhttp;
if (window.XMLHttpRequest)
{ //  IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码 xmlhttp=new XMLHttpRequest();
}
else
{ // IE6, IE5 浏览器执行代码 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}

  
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11

XMLHTTPRequest对象属性

XMLHttpRequest对象的常见属性如下:

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

XMLHTTPRequest对象方法

XMLHTTPReuest对象常用方法如下:

方法 描述
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标头。




参考:
【1】、https://www.runoob.com/ajax/ajax-xmlhttprequest-create.html
【2】、https://www.w3cschool.cn/ajax/ajax-xmlhttprequest-create.html

文章来源: blog.csdn.net,作者:三分恶,版权归原作者所有,如需转载,请联系作者。

原文链接:blog.csdn.net/sinat_40770656/article/details/95093470

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。