ajax四部操作 |学习笔记

简介: 快速学习ajax四部操作

开发者学堂课程【Ajax:学习ajax四部操作】学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址:https://developer.aliyun.com/learning/course/31

ajax四部操作


主要内容:

ajax发送异步请求的四部操作

第一步(得到XMLHttpRequest)

ajax只需掌握XMLHttpRequest

image.png

第二步(打开与服务器的连接)

xmlHttp.open():用来打开与服务器的连接,它需要三个参数:

请求方式:GET或POST

请求的URL:指定服务器端资源,如:/day23 1/AServerlet

请求是否为异步:若为true表示发送异步请求,否则同步请求。

xmlHttp.open(“GET”,”/day23 1/AServer”,true);

第三步(发送请求)

xmlHttp.send(null):若不给出,可能会造成部分浏览器无法发送。

参数:即请求体内容,若为GET请求,必须给出null。

第四步

l 在xmlHttp对象的一个事件上注册监听器:onreadystatechange

xmlHttp对象共有5个状态:

0状态:刚创建,还没有调用open()方法;

1状态:请求开始,调用了open()方法,但还没有调用send()方法;

2状态:调用完send()方法;

3状态:服务器已经开始响应,但不表示响应结束;

4状态:服务器响应结束;

l 得到xmlHttp对象的状态:

var state=xmlHttp.readyState;

l 得到响应的状态码:

var status=xmlHttp.status;

l 得到服务器响应的内容

var content=xmlHttp.responseText;//得到服务器的响应的文本格式内容;

var content=xmlHtto.responseXML;//得到服务器响应的XML内容,即Document对象;

xmlHttp.onreadystatechange=function(){//这是xmlHttp的5种状态都会调用的方法

if(xmlHttp.readystate==4&&xmlHttp.status==200){//双重判断:判断是否为4状态,且要判断是否为200//获取服务器的响应内容

vartext=xmlHttp.reponseText;}};

相关文章
|
存储 SQL NoSQL
MongoDB 6.0 新特性概览
正如发布MongoDB 5.0时承诺的更快发布频率,年度大版本MongoDB 6.0也于2022年正式跟广大数据库爱好者们见面了。目前阿里云MongoDB已经完成了对6.0版本的适配工作,大家可以直接在官网控制台进行购买和尝鲜体验!
MongoDB 6.0 新特性概览
|
Java 应用服务中间件 网络安全
Tomcat配置ssl协议及遇到的问题https页面无法访问
Tomcat配置ssl协议及遇到的问题https页面无法访问
|
存储 自然语言处理 数据处理
PaddleNLP--UIE--小样本快速提升性能(含doccona标注
需求跨领域跨任务:领域之间知识迁移难度高,如通用领域知识很难迁移到垂类领域,垂类领域之间的知识很难相互迁移;存在实体、关系、事件等不同的信息抽取任务需求。 - 定制化程度高:针对实体、关系、事件等不同的信息抽取任务,需要开发不同的模型,开发成本和机器资源消耗都很大。 - 训练数据无或很少:部分领域数据稀缺,难以获取,且领域专业性使得数据标注门槛高。
PaddleNLP--UIE--小样本快速提升性能(含doccona标注
|
SQL 负载均衡 网络协议
高性能数据访问中间件 OBProxy(四):一文讲透连接管理
引言上篇内容我讲到 OBProxy 的问题排查,将你在使用 OBProxy 时可能遇到的问题一一分析,并给出经过实践验证的解决方案。从本篇开始,我将介绍 OBProxy 在OceanBase分布式架构中的作用和原理,帮助你更透彻地了解OBProxy,实现“好用”和“用好”。同时,OBProxy 在上百家企业的持续运行,我积累了大量的工程实践经验,也将遇到的问题作为案例,伴随 OBProxy 的原理
791 101
高性能数据访问中间件 OBProxy(四):一文讲透连接管理
|
SQL 数据挖掘 数据格式
Python数据分析(二):DataFrame基本操作
查看数据(查看对象的方法对于Series来说同样适用)
1571 0
|
消息中间件 人工智能 Cloud Native
2022云栖大会|技术人看过来!带你抢先“云游”D2馆开发者舞台!
最先进的前沿科技趋势就在2022云栖大会!锁定阿里云开发者社区打造的D2馆开发者舞台,行业大咖、阿里云技术专家、百万博主…与您共谈硬核技术热点,品味真实技术人生。11月3日至5日,云栖小镇,我们不见不散!
2503 4
|
存储 人工智能 编译器
最详细的【指针】详解---C语言从入门到精通
最详细的【指针】详解---C语言从入门到精通
1377 0
最详细的【指针】详解---C语言从入门到精通
|
算法 Java Linux
NDK 系列(5):JNI 从入门到实践,万字爆肝详解!(上)
NDK 系列(5):JNI 从入门到实践,万字爆肝详解!
812 0
NDK 系列(5):JNI 从入门到实践,万字爆肝详解!(上)
|
机器学习/深度学习 算法 数据挖掘
全网最快入门———R语言机器学习实战篇7《logistic回归》
R 语言是为数学研究工作者设计的一种数学编程语言,主要用于统计分析、绘图、数据挖掘。 机器学习是一门多领域交叉学科,涉及概率论、统计学、逼近论、凸分析、算法复杂度理论等多门学科。专门研究计算机怎样模拟或实现人类的学习行为,以获取新的知识或技能,重新组织已有的知识结构使之不断改善自身的性能。
全网最快入门———R语言机器学习实战篇7《logistic回归》
|
存储 Java
(加强版)大数加减乘除,一文彻底搞定
大家好,我是bigsai!(上次发布的忘加原创并且今天的把内容扩充了一下)最近,大数加减频频登上笔试的舞台,小伙伴们在群里也分享自己遇到面试官碰到大数运算的题目,想着这么重要而简单的知识点我还没写过,那得好好和大家一起总结一下。
624 0
(加强版)大数加减乘除,一文彻底搞定