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;}};

相关文章
|
NoSQL Java Redis
SpringBoot集成Redis解决表单重复提交接口幂等(亲测可用)
SpringBoot集成Redis解决表单重复提交接口幂等(亲测可用)
874 0
|
存储 人工智能 自然语言处理
边缘智能的新时代:端侧大模型的研究进展综述
【10月更文挑战第9天】随着人工智能的发展,大语言模型在自然语言处理领域取得突破,但在资源受限的边缘设备上部署仍面临挑战。论文《On-Device Language Models: A Comprehensive Review》全面综述了端侧大模型的研究进展,探讨了高效模型架构、压缩技术、硬件加速及边缘-云协作等解决方案,展示了其在实时、个性化体验方面的潜力,并指出了未来的研究方向和挑战。
1160 2
传值调用与传址调用
传值调用与传址调用
127 0
|
6天前
|
数据采集 人工智能 安全
|
15天前
|
云安全 监控 安全
|
2天前
|
存储 SQL 大数据
删库跑路?别慌!Time Travel 带你穿回昨天的数据世界
删库跑路?别慌!Time Travel 带你穿回昨天的数据世界
245 156
|
9天前
|
SQL 自然语言处理 调度
Agent Skills 的一次工程实践
**本文采用 Agent Skills 实现整体智能体**,开发框架采用 AgentScope,模型使用 **qwen3-max**。Agent Skills 是 Anthropic 新推出的一种有别于mcp server的一种开发方式,用于为 AI **引入可共享的专业技能**。经验封装到**可发现、可复用的能力单元**中,每个技能以文件夹形式存在,包含特定任务的指导性说明(SKILL.md 文件)、脚本代码和资源等 。大模型可以根据需要动态加载这些技能,从而扩展自身的功能。目前不少国内外的一些框架也开始支持此种的开发方式,详细介绍如下。
655 5