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

相关文章

HarmonyOS学习(七)——UI(五)常用布局总结

自适应布局 1.1、线性布局(LinearLayout) 通过线性容器Row和Column实现线性布局。Column容器内的子组件按照垂直方向排列,Row组件中的子组件按照水平方向排列。 属性说明space通过space参数设置主轴上子组件的间距,达到各子组件在排列上的等间距效果alignItems设置子组件在交叉轴上的对齐方式,且在各类尺寸屏幕上表现一致,其中交叉轴为垂直时,取值为Vert

JS常用组件收集

收集了一些平时遇到的前端比较优秀的组件,方便以后开发的时候查找!!! 函数工具: Lodash 页面固定: stickUp、jQuery.Pin 轮播: unslider、swiper 开关: switch 复选框: icheck 气泡: grumble 隐藏元素: Headroom

【专题】2024飞行汽车技术全景报告合集PDF分享(附原数据表)

原文链接: https://tecdat.cn/?p=37628 6月16日,小鹏汇天旅航者X2在北京大兴国际机场临空经济区完成首飞,这也是小鹏汇天的产品在京津冀地区进行的首次飞行。小鹏汇天方面还表示,公司准备量产,并计划今年四季度开启预售小鹏汇天分体式飞行汽车,探索分体式飞行汽车城际通勤。阅读原文,获取专题报告合集全文,解锁文末271份飞行汽车相关行业研究报告。 据悉,业内人士对飞行汽车行业

【C++】_list常用方法解析及模拟实现

相信自己的力量,只要对自己始终保持信心,尽自己最大努力去完成任何事,就算事情最终结果是失败了,努力了也不留遗憾。💓💓💓 目录   ✨说在前面 🍋知识点一:什么是list? •🌰1.list的定义 •🌰2.list的基本特性 •🌰3.常用接口介绍 🍋知识点二:list常用接口 •🌰1.默认成员函数 🔥构造函数(⭐) 🔥析构函数 •🌰2.list对象

常用的jdk下载地址

jdk下载地址 安装方式可以看之前的博客: mac安装jdk oracle 版本:https://www.oracle.com/java/technologies/downloads/ Eclipse Temurin版本:https://adoptium.net/zh-CN/temurin/releases/ 阿里版本: github:https://github.com/

浅谈主机加固,六种有效的主机加固方法

在数字化时代,数据的价值不言而喻,但随之而来的安全威胁也日益严峻。从勒索病毒到内部泄露,企业的数据安全面临着前所未有的挑战。为了应对这些挑战,一种全新的主机加固解决方案应运而生。 MCK主机加固解决方案,采用先进的安全容器中间件技术,构建起一套内核级的纵深立体防护体系。这一体系突破了传统安全防护的局限,即使在管理员权限被恶意利用的情况下,也能确保服务器的安全稳定运行。 普适主机加固措施:

30常用 Maven 命令

Maven 是一个强大的项目管理和构建工具,它广泛用于 Java 项目的依赖管理、构建流程和插件集成。Maven 的命令行工具提供了大量的命令来帮助开发人员管理项目的生命周期、依赖和插件。以下是 常用 Maven 命令的使用场景及其详细解释。 1. mvn clean 使用场景:清理项目的生成目录,通常用于删除项目中自动生成的文件(如 target/ 目录)。共性规律:清理操作

webm怎么转换成mp4?这几种方法超多人在用!

webm怎么转换成mp4?WebM作为一种新兴的视频编码格式,近年来逐渐进入大众视野,其背后承载着诸多优势,但同时也伴随着不容忽视的局限性,首要挑战在于其兼容性边界,尽管WebM已广泛适应于众多网站与软件平台,但在特定应用环境或老旧设备上,其兼容难题依旧凸显,为用户体验带来不便,再者,WebM格式的非普适性也体现在编辑流程上,由于它并非行业内的通用标准,编辑过程中可能会遭遇格式不兼容的障碍,导致操

透彻!驯服大型语言模型(LLMs)的五种方法,及具体方法选择思路

引言 随着时间的发展,大型语言模型不再停留在演示阶段而是逐步面向生产系统的应用,随着人们期望的不断增加,目标也发生了巨大的变化。在短短的几个月的时间里,人们对大模型的认识已经从对其zero-shot能力感到惊讶,转变为考虑改进模型质量、提高模型可用性。 「大语言模型(LLMs)其实就是利用高容量的模型架构(例如Transformer)对海量的、多种多样的数据分布进行建模得到,它包含了大量的先验

金融业开源技术 术语

金融业开源技术  术语 1  范围 本文件界定了金融业开源技术的常用术语。 本文件适用于金融业中涉及开源技术的相关标准及规范性文件制定和信息沟通等活动。