news 2026/10/14 21:08:50

AJAX从入门到精通系列保姆级教程,带你嗨翻天

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
AJAX从入门到精通系列保姆级教程,带你嗨翻天

一:什么叫AJAX

1:基本概念

AJAX 是异步的 JavaScript和XML(Asynchronous JavaScript And XML)。简单来讲就是使用XMLHttpRequest 对象与服务器通信。

它可以使用 JSON,XML,HTML 和 text 文本等格式发送和接收数据。

AJAX 最吸引人的就是它的“异步"特性,也就是说它可以在不重新刷新页面的情况下与服务器通信,交换数据,或更新页面。

前端这里的异步概念似乎有点不同。

2:axios

这是第三方的库,封装了AJAX,代码简单。

Vue和React都是用这玩意。

语法如下:

1:传入配置对象,

2:then回调函数接收结果,并做后续处理。

https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js axios({ url: "目标地址" }).then((result) => { //对服务器返回的数据做后续处理 })
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>axios</title> </head> <body> <p class="my-p"></p> <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js "></script> <script> axios({ url: 'http://hmajax.itheima.net/api/province' }).then(result => { console.log(result) console.log(result.data.list) document.querySelector('.my-p').innerHTML = result.data.list.join('<br/>') }) </script> </body> </html>

二:认识URL

有的url拿的是网页

有的url拿的是图片

有的url拿的是数据

有的url拿的是js

有的url拿的是css

有的url拿的是zip包

xxxxxxx

url组成:协议+域名+资源路径

http://www.baidu.com/index.html

三:查询参数

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/10/11 6:32:18

GLM-TTS能否支持婚礼主持?喜庆氛围语音风格迁移

GLM-TTS能否支持婚礼主持&#xff1f;喜庆氛围语音风格迁移 在一场婚礼上&#xff0c;主持人的一句“百年好合”如果语气生硬、节奏平缓&#xff0c;可能瞬间削弱仪式感&#xff1b;而若语调上扬、情感饱满&#xff0c;则能点燃全场气氛。这种微妙的情绪传递&#xff0c;正是传…

作者头像 李华
网站建设 2026/10/13 10:40:53

基于GLM-TTS的情感语音标注数据集构建方法研究

基于GLM-TTS的情感语音标注数据集构建方法研究 在虚拟助手越来越“懂人心”、有声读物开始传递情绪起伏的今天&#xff0c;语音合成早已不再满足于“把字念出来”。用户期待的是会笑、会叹气、能愤怒也能温柔的声音。这种从“工具性发声”向“情感化表达”的跃迁&#xff0c;正…

作者头像 李华
网站建设 2026/10/13 6:51:49

语音合成中的上下文记忆能力:维持多轮对话一致性

语音合成中的上下文记忆能力&#xff1a;维持多轮对话一致性 在虚拟助手与用户连续对话时&#xff0c;突然从温柔女声变成低沉男音&#xff1b;或是有声书读到第三章&#xff0c;主角的口吻却和第一章判若两人——这类体验断裂的问题&#xff0c;在传统语音合成系统中屡见不鲜。…

作者头像 李华
网站建设 2026/10/12 22:05:31

Zephyr多级省电模式对比分析:快速理解差异

Zephyr 多级省电模式深度解析&#xff1a;从原理到实战的功耗优化指南在物联网设备日益普及的今天&#xff0c;一块电池能撑多久&#xff0c;往往直接决定了产品的成败。尤其是那些部署在偏远地区、无法频繁更换电池的传感器节点——比如森林里的温湿度监测器、贴在货架上的电子…

作者头像 李华
网站建设 2026/10/12 22:44:54

es连接工具接入Kibana的完整示例

手把手教你打通 Kibana 与 Elasticsearch 的“任督二脉”你有没有遇到过这种情况&#xff1a;Kibana 启动了&#xff0c;页面也打开了&#xff0c;但一进去就提示“Unable to connect to Elasticsearch”&#xff1f;或者图表加载半天没反应&#xff0c;日志里一堆request time…

作者头像 李华
网站建设 2026/10/12 5:17:25

语音合成中的口音迁移可行性分析:GLM-TTS跨地域发音模拟

语音合成中的口音迁移可行性分析&#xff1a;GLM-TTS跨地域发音模拟 在虚拟主播能带货、AI配音可播新闻的今天&#xff0c;一个更“像人”的声音&#xff0c;早已不只是技术参数上的高保真。用户开始在意语气是否自然、语调有没有情绪起伏&#xff0c;甚至——这个声音是不是“…

作者头像 李华