AJAX学习笔记(二、创建对象)
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
- 点赞
- 收藏
- 关注作者
评论(0)