社交媒体 网站,wordpress get_results,seo网站推广的主要目的是什么,天津手机版建站系统价格欢迎来到“雪碧聊技术”CSDN博客#xff01; 在这里#xff0c;您将踏入一个专注于Java开发技术的知识殿堂。无论您是Java编程的初学者#xff0c;还是具有一定经验的开发者#xff0c;相信我的博客都能为您提供宝贵的学习资源和实用技巧。作为您的技术向导#xff0c;我将… 欢迎来到“雪碧聊技术”CSDN博客 在这里您将踏入一个专注于Java开发技术的知识殿堂。无论您是Java编程的初学者还是具有一定经验的开发者相信我的博客都能为您提供宝贵的学习资源和实用技巧。作为您的技术向导我将不断探索Java的深邃世界分享最新的技术动态、实战经验以及项目心得。 让我们一同在Java的广阔天地中遨游携手提升技术能力共创美好未来感谢您的关注与支持期待在“雪碧聊技术”与您共同成长 目录
一、常用的请求方法有哪些
1、什么是请求方法
2、常用的请求方法有哪些
①GET请求获取数据
②POST请求提交数据
③PUT请求修改数据全部
④DELETE请求删除数据
⑤PATCH请求修改数据部分
3、axios请求配置
4、案例注册账号
①需求分析
②编写代码
③运行效果
5、总结
二、axios错误处理
1、场景再次注册相同的账号会遇到报错信息提示“账号被占用”
2、处理用更直观的方式给普通用户展示错误信息 一、常用的请求方法有哪些
1、什么是请求方法 对服务器资源要执行的操作。
2、常用的请求方法有哪些
①GET请求获取数据
②POST请求提交数据
场景当数据需要在服务器上保存。 ③PUT请求修改数据全部
④DELETE请求删除数据
⑤PATCH请求修改数据部分
以上五者就是restful风格的请求。
3、axios请求配置
url请求的url地址method请求的方法如果不写method则默认为GET请求不区分大小写data提交的数据
举例 4、案例注册账号
①需求分析 ②编写代码
!DOCTYPE html
html langenheadmeta charsetUTF-8meta http-equivX-UA-Compatible contentIEedgemeta nameviewport contentwidthdevice-width, initial-scale1.0title05.常用请求方法和数据提交/title
/headbodybutton classbtn注册用户/buttonscript srchttps://cdn.jsdelivr.net/npm/axios/dist/axios.min.js/scriptscript/*注册用户: http://hmajax.itheima.net/api/register请求方法: POST参数名:username: 用户名 (中英文和数字组成, 最少8位)password: 密码 (最少6位)目标: 点击按钮, 通过axios提交用户和密码, 完成注册*///1.给按钮绑定事件document.querySelector(.btn).addEventListener(click, (){axios({url:http://hmajax.itheima.net/api/register,//指定请求方法method:post,//提交的数据data: {username:casually678,password:12345678}}).then(result{//打印返回结果console.log(result)})})/script
/body/html
③运行效果 5、总结
注意查询数据用params提交数据用data二者不可混用 二、axios错误处理
1、场景再次注册相同的账号会遇到报错信息提示“账号被占用” 2、处理用更直观的方式给普通用户展示错误信息 !DOCTYPE html
html langenheadmeta charsetUTF-8meta http-equivX-UA-Compatible contentIEedgemeta nameviewport contentwidthdevice-width, initial-scale1.0title05.常用请求方法和数据提交/title
/headbodybutton classbtn注册用户/buttonscript srchttps://cdn.jsdelivr.net/npm/axios/dist/axios.min.js/scriptscript/*注册用户: http://hmajax.itheima.net/api/register请求方法: POST参数名:username: 用户名 (中英文和数字组成, 最少8位)password: 密码 (最少6位)目标: 点击按钮, 通过axios提交用户和密码, 完成注册*///1.给按钮绑定事件document.querySelector(.btn).addEventListener(click, (){axios({url:http://hmajax.itheima.net/api/register,//指定请求方法method:post,//提交的数据data: {username:casually678,password:12345678}}).then(result{//打印返回结果console.log(result)}).catch(error{alert(error.response.data.message)})})/script
/body/html
运行效果 以上就是axios的请求方法、错误处理的全部内容想了解更多axios知识请关注本博主~
