一、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常用方法和属性】的更多相关文章

  1. XMLHttpRequest对象的常用方法和属性(相当重要!!!)

    方法:写在这里的为必选参数或者经常用到的可选参数 一, open(); 书上解释: 用于设置请求的目标url请求方法, 以及其他参数信息 个人理解: 发送请求的页面在不刷新的情况能将参数传给一个服务器 ...

  2. AJAX技术的核心

    //创建一个XMLHttpRequest对象 ,利用此对象与服务器进行通信 是AJAX技术的核心 /** * 获取XmlHttpRequest对象 */ function getXMLHttpRequ ...

  3. Python全栈开发之路 【第十八篇】:Ajax技术

    Ajax技术 Ajax = 异步 JavaScript 和 XML. Ajax 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术. 1.jQuery的load()方法 jQuery loa ...

  4. AJAX技术主要包含的四个组件

    1.XMLHttpRequest:使用AJAX技术都是从XMLHttpRequest开始的. 2.JavaScript:实现XMLHttpRequest对象相关功能. 3.CSS 4.DOM

  5. Ajax技术---核心XMLHttpRequest对象

    Ajax 的全称是Asynchronous JavaScript and XML,其中,Asynchronous 是异步的意思,它有别于传统web开发中采用的同步的方式. (一)ajax技术的意义 我 ...

  6. Ajax技术之使用XMLHttpRequest对象(一)【初始化XMLHttpRequest对象】

    在初始化XMLHttpRequest对象时要考虑两种情况,一种是IE浏览器,另一种是非IE浏览器.在IE浏览器中要把XMLHttpRequest实例化一个ActiveX对象 http_request ...

  7. Ajax核心对象——高速上手XmlHttpRequest

    引言: 非TGB的.直接跳过吧-- 从开学结束JQuery之后,计算机的进度停了一段时间.某天无聊的时候,又又一次把BS的东西拿过来看了看. 发现里面有非常多既熟悉又陌生的东西. 在学习王兴魁老师的A ...

  8. AJAX异步对象,即XMLHttpRequest

    //创建AJAX异步对象,即XMLHttpRequest function createAJAX(){ var ajax = null; try{ ajax = new ActiveXObject(& ...

  9. Ajax学习(三)——XMLHttpRequest对象的五步使使用方法

        Ajax的核心技术是XMLHttpRequest对象,它能够在不向server提交整个页面的情况下.实现局部更新网页.通过这个对象,Ajax能够像桌面应用程序那样仅仅与server进行数据层的 ...

  10. 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 ...

随机推荐

  1. vsftpd上传文件出现553 Could not create file错误解决方法

    1.确定目录权限 2.关闭selinux

  2. utf-8 utf8

    mysql> DROP TABLE IF EXISTS student; Query OK, 0 rows affected (0.00 sec) mysql> create table ...

  3. [archlinux][crypto] 从T450迁移archlinux操作系统至T460s笔记本

    从T450笔记本迁移archlinux操作系统之T460s笔记本,同时: 1.  使用cryptsetup做底层块加密. 2.    全新使用btrfs文件系统. 一,硬盘分区. 1T的SSD,使用U ...

  4. 这就是使用ReportBuilder最简单的例子

    用这组控件最简单的例子:在窗体上放上组件名为ppBDEPipeline1,ppReport1,ppDesigner1,ppViewer1,DataSource1的控件,设置ppreport1的data ...

  5. public private protected extends

    public公共,加上这个修饰的类或属性,可以在同一个包或者别的包里面访问 private私有的,加上这个修饰的类或属性,只能在同类里访问,同包和别的包不能访问 protected保护,加上这个修饰的 ...

  6. 抽屉之Tornado实战(9)--装饰器实现用户登录状态验证

    当然今天讲的验证,不只Tornado会用,以后用到web框架都会用到,最常见的场景就是只有用户登陆了才能执行某些操作,所以在执行这些操作前要先做登陆状态的验证. 比如:点赞,发布,评论等需要验证,都需 ...

  7. Ubuntu 下Anaconda3出现 conda:command not found(未找到命令)

    问题:anaconda: command not found解决方案:打开Terminal 1.使用命令:sudo apt install vim 安装vim文本编辑器2.使用命令:vim ~/.ba ...

  8. python time模块总结

    常用函数: import time --------------------------------------------------time.time()                      ...

  9. redis设置bind

    1>注释掉bind #bind 127.0.0.1 2>默认不是守护进程方式运行,这里可以修改 daemonize no 3>禁用保护模式 protected-mode no 启动R ...

  10. 第 6 章 es5 对象创建和继承

    目录 第 6 章 Object 一.创建对象 1. 字面量 2. 工厂模式 3. 构造函数 4. 原型 5. 构造+原型 6. 其他 二.Object静态属性 Object.definePropert ...