【ajax基础03】常用ajax请求方法和数据提交以及axios错误处理
目录
一:请求方法
什么是请求方法:
常见请求方法如下
二:axios中应用
语法格式:
案例:
axios错误处理
三:如何赚钱
一:请求方法
什么是请求方法:
浏览器对服务器资源,要执行的操作
常见请求方法如下
二:axios中应用
语法格式:
method:为请求方法,默认情况下为get(获取数据)
data:提交数据,参数名为后端程序员规定,值为前端通过技术获取
axios({ url:'目标资源地址', method:'请求方法' data:{ 参数名:值 } }).then((result)=>{ //对服务器返回的数据做后续处理 })
案例:
需求点击按钮,提交用户名和密码,查看返回值信息
说明:案例中获取以及提交数据使用的服务器itheima的,同时相应的接口文档如下注册账号 - AJAX阶段 (apifox.com)
Document 注册 const btn = document.querySelector('.btn') btn.addEventListener('click', function () { axios({ url: 'https://hmajax.itheima.net/api/register', method: 'post', data: { username: 'itheima0011', password: '1234567' } }).then(reslut => { console.log(reslut); }) })
axios错误处理
在当前注册案例中,如果重复注册会出现报错信息。可以利用catch()方法获取axios报错信息,进而返回给用户
axios({ url: 'https://hmajax.itheima.net/api/register', method: 'post', data: { username: 'itheima0011', password: '1234567' } }).then(reslut => { console.log(reslut); }).catch(error => { // console.log(error); alert(error.response.data.message) })
三:如何赚钱
现在是否厌倦了程序员朝九晚五的生活,想给自己生活寻找另一条路径;在校大学生是否愿意在校进行人生中的第一次创业,获取人生第一桶金;是否正在看此篇文章的你愿意通过五年努力,让自己开上梦想的中的车子;
那就从提升认知开始,加入微木的知识星球:微木的创业思考
专属于创业者的交流集中地,创业、认知提升找微木!
1 创业底层方法论
2 从千万本书书籍中挑选出的,人生必读书目清单。
3 认知提升学习资源(秘密)
4 寻找赚钱项目底层方法论
5 好书精华提炼
6 深度链接微木
每天仅需0.3元/天,欢迎加入专属于创业者的交流集中地,创业、认知提升、赚钱找微木!
文章版权声明:除非注明,否则均为主机测评原创文章,转载或复制请以超链接形式并注明出处。