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

相关文章
|
9天前
|
机器人 API 调度
基于 DMS Dify+Notebook+Airflow 实现 Agent 的一站式开发
本文提出“DMS Dify + Notebook + Airflow”三位一体架构,解决 Dify 在代码执行与定时调度上的局限。通过 Notebook 扩展 Python 环境,Airflow实现任务调度,构建可扩展、可运维的企业级智能 Agent 系统,提升大模型应用的工程化能力。
|
人工智能 前端开发 API
前端接入通义千问(Qwen)API:5 分钟实现你的 AI 问答助手
本文介绍如何在5分钟内通过前端接入通义千问(Qwen)API,快速打造一个AI问答助手。涵盖API配置、界面设计、流式响应、历史管理、错误重试等核心功能,并提供安全与性能优化建议,助你轻松集成智能对话能力到前端应用中。
715 154
|
15天前
|
人工智能 数据可视化 Java
Spring AI Alibaba、Dify、LangGraph 与 LangChain 综合对比分析报告
本报告对比Spring AI Alibaba、Dify、LangGraph与LangChain四大AI开发框架,涵盖架构、性能、生态及适用场景。数据截至2025年10月,基于公开资料分析,实际发展可能随技术演进调整。
967 152
|
负载均衡 Java 微服务
OpenFeign:让微服务调用像本地方法一样简单
OpenFeign是Spring Cloud中声明式微服务调用组件,通过接口注解简化远程调用,支持负载均衡、服务发现、熔断降级、自定义拦截器与编解码,提升微服务间通信开发效率与系统稳定性。
366 156
|
7天前
|
分布式计算 监控 API
DMS Airflow:企业级数据工作流编排平台的专业实践
DMS Airflow 是基于 Apache Airflow 构建的企业级数据工作流编排平台,通过深度集成阿里云 DMS(Data Management Service)系统的各项能力,为数据团队提供了强大的工作流调度、监控和管理能力。本文将从 Airflow 的高级编排能力、DMS 集成的特殊能力,以及 DMS Airflow 的使用示例三个方面,全面介绍 DMS Airflow 的技术架构与实践应用。
|
8天前
|
人工智能 自然语言处理 前端开发
Qoder全栈开发实战指南:开启AI驱动的下一代编程范式
Qoder是阿里巴巴于2025年发布的AI编程平台,首创“智能代理式编程”,支持自然语言驱动的全栈开发。通过仓库级理解、多智能体协同与云端沙箱执行,实现从需求到上线的端到端自动化,大幅提升研发效率,重塑程序员角色,引领AI原生开发新范式。
600 77