两年经验前端带你重学前端框架必会的ajax+node.js+webpack+git等技术
axios基本使用
文章目录
两年经验前端带你重学前端框架必会的ajax+node.js+webpack+git等技术第一章
大致课程安排
AJAX
达到视频中效果课使用的插件
安装插件
使用插件
注意视频中其实是开了一个浏览器，然后实现一半一半屏幕
快速入门小案例
URL介绍
axios为什么这么写介绍
axios参数
axios查询参数
axios请求方法参数
小案例实践
小案例报错！代码看着没问题但显示TypeError: Cannot read properties of undefined (reading 'protocol')
axios错误处理
HTTP
HTTP请求协议
通过请求报文查错
通过请求找bug思路
**一：复现bug**
二：查看报错信息或请求信息
三：根据信息找到相关代码，以此为切入点，理解一部分项目，从而进行代码修改
HTTP响应协议
image-20240706144317927
接口文档
结天案例
form-seralize插件
大致课程安排
AJAX
达到视频中效果课使用的插件
安装插件
Preview on Web Server
1
使用插件
注意视频中其实是开了一个浏览器，然后实现一半一半屏幕
然后通过open in browser来
快速入门小案例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>axios基本使用</title>
</head>
<body>
<p class="my-p"></p>
</body>
<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>
</html>
魔乐社区（Modelers.cn) 是一个中立、公益的人工智能社区，提供人工智能工具、模型、数据的托管、展示与应用协同服务，为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作，由全产业链共同建设、共同运营、共同享有，推动国产AI生态繁荣发展。
更多推荐
4
0- 0
已为社区贡献1条内容
所有评论(0)