当前位置：首页 > news >正文

AJAX入门-URL

news 2025/9/10 6:45:53

本系列可作为前端学习系列的笔记，代码的运行环境是在VS code中，小编会将代码复制下来，大家复制下来就可以练习了，方便大家学习。

HTML、CSS、JavaScript系列文章 已经收录在前端专栏，有需要的宝宝们可以点击前端专栏查看！

点赞关注不迷路！您的点赞、关注和收藏是对小编最大的支持和鼓励！

温馨提示：全文内容较长，可先收藏再食用！文章可作为学习AJAX的笔记，框架和主要内容来源于B站UP主-黑马程序员的视频：黑马程序员前端AJAX入门到实战全套教程，包含学前端框架必会的（ajax+node.js+webpack+git），一套全覆盖小编进行了整理并对一些内容进行了补充和注释，非商用，如有侵权，必删改！

系列文章目录

简述ajax、node.js、webpack、git

AJAX入门-AJAX 概念和 axios 使用

AJAX入门-URL

系列文章目录

一、什么是URL

二、URL组成

三、HTTP协议

四、域名

五、资源路径

六、案例-获取新闻列表

一、什么是URL

二、URL组成

三、HTTP协议

四、域名

五、资源路径

六、案例-获取新闻列表

<!DOCTYPE html>
<html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>02.认识URL</title></head><body><!-- 新闻数据地址：https://hmajax.itheima.net/api/news --><script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script><script>axios({url:'https://hmajax.itheima.net/api/news'}).then(result=>{console.log(result)})</script></body>
</html>