Ajax技术之XMLHttpRequest(二)【XMLHttpRequest常用方法和属性】
一、XMLHttpRequest中常用的方法:
(1)open()方法:用于设置进行异步请求目标的URL、请求方法以及其他参数信息。
函数原型:open("method","URL",asyncFlag,"userName","password")
参数说明:
method:用于指定请求类型是“GET”还是“POET”
URL:用于指定请求地址,可以是绝对地址也可以是相对地址,还可以传递查询字符串。
asyncFlag:用于指定请求方式是异步还是同步请求,异步请求是true,同步请求是false
userName和password是用户名和密码,可以省略。
例:XML_HttpRequest.open("GET","reg.jsp",true);
(2)send()方法:用于向服务器发送请求。如果请求是异步,该方法将立即返回,否则将等到接收到响应为止。
函数原型:send(content)
参数说明:
centent:指定发送的数据,如果没有参数需要传递,则设置为null。
例:XML_HttpRequest.send(null); //不包含任何参数的请求
(3)setRequestHeader()方法:用来为请求的HTTP头设置值
函数原型:setRequestHeader("header","value")
参数说明:
header:用来指定HTTP头
value:用来为指定的HTTP头设置的值
例:XML_HttpRequest.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); //将Content-Type请求的头的值设置为"application/x-www-form-urlencoded"
说明:setRequestHeader()方法必须在调用了open()方法之后才能调用。
(4)abort()方法:用来停止或放弃当前异步请求
(5)getResponseHeader()方法:以字符串的形式返回指定的HTTP头信息
函数原型:getResponseHeader("HeaderLabel")
参数说明:
HeaderLabel:用来指定HTTP头,包括Server、Content-Type和Date等
例:XML_HttpResquest.getResponseHeader("Content-Type"); //获取HTTP头Content-Type的值,返回的结果为“text/html;charset=GB18030”
(6)getAllResponseHeaders()方法:该方法将以字符串的形式返回完整的HTTP头信息,包括Server、Date、Content-Type和Content-Length。
函数原型:getAllResponseHeaders()
二、XMLHttpRequest常用的属性
(1)onreadystatechange属性:用来指定状态改变时所触发的事件处理器。
在Ajax中改变状态时都会触发一个JavaScript函数处理器。
例:指定状态改变时触发JavaScript函数getResult的代码
XML_HttpRequest.onreadystatechange = getResult;
注意:在指定所触发的事件处理器时,所谓用的JavaScript函数不能添加小括号和指定参数名。但可以使用匿名函数。例如:要调用一个带参数的函数getResult(),则可以这样写
XML_HttpRequest.onreadystatechange = function(){
getResult("添加参数"); //调用带参数的函数
}; //通过匿名函数指定要带参数的函数
(2)readyState属性:用来获取请求状态。该属性的共有5个状态,分别是:
| 状态值 | 状态含义 |
| 0 | 未初始化 |
| 1 | 正在加载 |
| 2 | 已加载 |
| 3 | 交互中 |
| 4 | 完成 |
(3)responseText属性:用来获取服务器的响应,表示为字符串
(4)responseXML属性:用于获取服务器的响应,表示为XML,该属性也可以解析DOM对象
(5)status属性:用来返回服务器的HTTP状态码,HTTP状态码有5中,分别为:
| 状态值 | 状态含义 |
| 200 | 表示成功 |
| 202 | 表示请求被接受,但尚未成功 |
| 400 | 错误请求 |
| 404 | 文件未找到 |
| 500 | 内部服务器错误 |
(6)statusText属性:用于返回HTTP状态码对应的文本,如OK或者Not Found等。
Ajax技术之XMLHttpRequest(二)【XMLHttpRequest常用方法和属性】的更多相关文章
- XMLHttpRequest对象的常用方法和属性(相当重要!!!)
方法:写在这里的为必选参数或者经常用到的可选参数 一, open(); 书上解释: 用于设置请求的目标url请求方法, 以及其他参数信息 个人理解: 发送请求的页面在不刷新的情况能将参数传给一个服务器 ...
- AJAX技术的核心
//创建一个XMLHttpRequest对象 ,利用此对象与服务器进行通信 是AJAX技术的核心 /** * 获取XmlHttpRequest对象 */ function getXMLHttpRequ ...
- Python全栈开发之路 【第十八篇】:Ajax技术
Ajax技术 Ajax = 异步 JavaScript 和 XML. Ajax 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术. 1.jQuery的load()方法 jQuery loa ...
- AJAX技术主要包含的四个组件
1.XMLHttpRequest:使用AJAX技术都是从XMLHttpRequest开始的. 2.JavaScript:实现XMLHttpRequest对象相关功能. 3.CSS 4.DOM
- Ajax技术---核心XMLHttpRequest对象
Ajax 的全称是Asynchronous JavaScript and XML,其中,Asynchronous 是异步的意思,它有别于传统web开发中采用的同步的方式. (一)ajax技术的意义 我 ...
- Ajax技术之使用XMLHttpRequest对象(一)【初始化XMLHttpRequest对象】
在初始化XMLHttpRequest对象时要考虑两种情况,一种是IE浏览器,另一种是非IE浏览器.在IE浏览器中要把XMLHttpRequest实例化一个ActiveX对象 http_request ...
- Ajax核心对象——高速上手XmlHttpRequest
引言: 非TGB的.直接跳过吧-- 从开学结束JQuery之后,计算机的进度停了一段时间.某天无聊的时候,又又一次把BS的东西拿过来看了看. 发现里面有非常多既熟悉又陌生的东西. 在学习王兴魁老师的A ...
- AJAX异步对象,即XMLHttpRequest
//创建AJAX异步对象,即XMLHttpRequest function createAJAX(){ var ajax = null; try{ ajax = new ActiveXObject(& ...
- Ajax学习(三)——XMLHttpRequest对象的五步使使用方法
Ajax的核心技术是XMLHttpRequest对象,它能够在不向server提交整个页面的情况下.实现局部更新网页.通过这个对象,Ajax能够像桌面应用程序那样仅仅与server进行数据层的 ...
- Ajax.html:35 [Deprecation] Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help, check https://xhr.spec.whatwg.org
AJAX的容易错误的地方 Ajax.html:35 [Deprecation] Synchronous XMLHttpRequest on the main thread is deprecated ...
随机推荐
- 最佳实践:腾讯HTAP数据库TBase助力某省核心IT架构升级
https://mp.weixin.qq.com/s/56NHPyzx5F6QeCjuOq5IRQ 资源隔离能力: 在HTAP系统中,OLTP和OLAP业务要同时运行,两者都会消耗巨量的资源都,如果不 ...
- 把MP3保存到数据库中
使用JdbcUtils得到连接con java.sql包下的Interface Blob----其实现类SerialBlob Blob是一个可以存储二进制文件的容器. BLOB常常是数据库中用来存储二 ...
- Delphi maskedit控件的掩码含义及用法方法
Delphi maskedit控件的掩码含义及用法方法 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 2 ...
- 转:Web项目的WEB-INF目录使用说明以及重定向与转发
原文地址:https://www.cnblogs.com/shenxiaoquan/p/5819359.html 原文内容: 总结一下这篇文章的内容: WEB-INF下面的内容都是只能由服务器级别才能 ...
- 图->存储结构->数组表示法(邻接矩阵)
文字描述 用两个数组分别存储顶点信息和边/弧信息. 示意图 算法分析 构造一个采用邻接矩阵作存储结构.具有n个顶点和e条边的无向网(图)G的时间复杂度是(n*n + e*n), 其中对邻接矩阵G.ar ...
- 《linux 字符处理》- grep/sort/uniq/tr/paste
一:基本 字符处理主要是文本的搜索和处理. 搜索也主要使用到了 管道 作为媒介. 二: grep 搜索文本 基本语法 * grep [-incv] ’文本’ 文件 * i 不区分大小写 * c 匹配行 ...
- Celery的Web监控管理--Flower
Flower是Celery的一个实时监控和管理Web界面工具,目前仍在活跃的开发之中,但已经是一个很重要的可用工具了.这是推荐使用的Celery监控工具. 1,安装依赖 pip install flo ...
- mysql存储引擎的简介
前言 数据库存储引擎是数据库底层软件组织,数据库管理系统(DBMS)使用数据引擎进行创建.查询.更新和删除数据.不同的存储引擎提供不同的存储机制.索引技巧.锁定水平等功能,使用不同的存储引擎,还可以 ...
- 5分钟简述Spring中的DI与AOP
Spring的两个核心特性: 依赖注入(dependency injection,DI) 面向切面编程(aspect oriented programming,AOP) 依赖注入(dependency ...
- Spring 注解 @Scheduled(cron = "0 0/10 * * * ? ") 动态改变时间
import java.util.Date; import java.util.concurrent.Executor; import java.util.concurrent.Executors; ...