ThinkChat2.0新版上线,更智能更精彩,支持会话、画图、阅读、搜索等,送10W Token,即刻开启你的AI之旅 广告
[TOC] # Ajax基础 1. 概念 * Asynchronous JavaScript + XML(异步JavaScript和XML), 其本身不是一种新技术,而是一种现有**技术集合**的描述。 * 网页应用能够快速地将**增量更新**呈现在用户界面上,而**不需要刷新**整个页面。 2. 技术集合 * HTML(网页的结构和内容) * CSS(网页的呈现) * JavaScript(事件驱动触发交互;处理响应信息) * XMLHttpRequest(向服务器发送请求并获得响应) * Text/XML/JSON(存储数据) # Ajax步骤 发送一个 HTTP 请求,需要创建一个 `XMLHttpRequest` 对象,打开一个 URL,最后发送请求。当所有这些事务完成后,该对象将会包含一些诸如响应主体或HTTP status的有用信息。 1. 创建 `XMLHttpRequest` 对象 `var xhr = new XMLHttpRequest();` 2. 创建URL请求 `xhr.open(method,url,flag);` 3. 发送请求 `xhr.send();` 4. 处理响应信息 ``` 文本信息:xhr.responseText; XML信息:xhr.responseXML; JSON信息:xhr.responseText; ```