Ajax技术之XMLHttpRequest(二)【XMLHttpRequest常用方法和属性】

2024-06-20 02:08

本文主要是介绍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常用方法和属性】的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1076800

相关文章

Redis实现延迟任务的三种方法详解

《Redis实现延迟任务的三种方法详解》延迟任务(DelayedTask)是指在未来的某个时间点,执行相应的任务,本文为大家整理了三种常见的实现方法,感兴趣的小伙伴可以参考一下... 目录1.前言2.Redis如何实现延迟任务3.代码实现3.1. 过期键通知事件实现3.2. 使用ZSet实现延迟任务3.3

idea maven编译报错Java heap space的解决方法

《ideamaven编译报错Javaheapspace的解决方法》这篇文章主要为大家详细介绍了ideamaven编译报错Javaheapspace的相关解决方法,文中的示例代码讲解详细,感兴趣的... 目录1.增加 Maven 编译的堆内存2. 增加 IntelliJ IDEA 的堆内存3. 优化 Mave

Java String字符串的常用使用方法

《JavaString字符串的常用使用方法》String是JDK提供的一个类,是引用类型,并不是基本的数据类型,String用于字符串操作,在之前学习c语言的时候,对于一些字符串,会初始化字符数组表... 目录一、什么是String二、如何定义一个String1. 用双引号定义2. 通过构造函数定义三、St

Spring Security基于数据库的ABAC属性权限模型实战开发教程

《SpringSecurity基于数据库的ABAC属性权限模型实战开发教程》:本文主要介绍SpringSecurity基于数据库的ABAC属性权限模型实战开发教程,本文给大家介绍的非常详细,对大... 目录1. 前言2. 权限决策依据RBACABAC综合对比3. 数据库表结构说明4. 实战开始5. MyBA

AJAX请求上传下载进度监控实现方式

《AJAX请求上传下载进度监控实现方式》在日常Web开发中,AJAX(AsynchronousJavaScriptandXML)被广泛用于异步请求数据,而无需刷新整个页面,:本文主要介绍AJAX请... 目录1. 前言2. 基于XMLHttpRequest的进度监控2.1 基础版文件上传监控2.2 增强版多

Spring Security方法级安全控制@PreAuthorize注解的灵活运用小结

《SpringSecurity方法级安全控制@PreAuthorize注解的灵活运用小结》本文将带着大家讲解@PreAuthorize注解的核心原理、SpEL表达式机制,并通过的示例代码演示如... 目录1. 前言2. @PreAuthorize 注解简介3. @PreAuthorize 核心原理解析拦截与

一文详解JavaScript中的fetch方法

《一文详解JavaScript中的fetch方法》fetch函数是一个用于在JavaScript中执行HTTP请求的现代API,它提供了一种更简洁、更强大的方式来处理网络请求,:本文主要介绍Jav... 目录前言什么是 fetch 方法基本语法简单的 GET 请求示例代码解释发送 POST 请求示例代码解释

Feign Client超时时间设置不生效的解决方法

《FeignClient超时时间设置不生效的解决方法》这篇文章主要为大家详细介绍了FeignClient超时时间设置不生效的原因与解决方法,具有一定的的参考价值,希望对大家有一定的帮助... 在使用Feign Client时,可以通过两种方式来设置超时时间:1.针对整个Feign Client设置超时时间

C/C++错误信息处理的常见方法及函数

《C/C++错误信息处理的常见方法及函数》C/C++是两种广泛使用的编程语言,特别是在系统编程、嵌入式开发以及高性能计算领域,:本文主要介绍C/C++错误信息处理的常见方法及函数,文中通过代码介绍... 目录前言1. errno 和 perror()示例:2. strerror()示例:3. perror(

CSS will-change 属性示例详解

《CSSwill-change属性示例详解》will-change是一个CSS属性,用于告诉浏览器某个元素在未来可能会发生哪些变化,本文给大家介绍CSSwill-change属性详解,感... will-change 是一个 css 属性,用于告诉浏览器某个元素在未来可能会发生哪些变化。这可以帮助浏览器优化