位置: IT常识 - 正文

【Ajax】如何通过axios发起Ajax请求(ajax调用)

编辑:rootadmin
【Ajax】如何通过axios发起Ajax请求

推荐整理分享【Ajax】如何通过axios发起Ajax请求(ajax调用),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:ajax调用,ajax怎么调用接口,ajax怎么传递数据,ajax怎么发送同步请求,ajax怎么发送同步请求,ajax怎么调用接口,ajax怎么调用接口,ajax怎么用,内容如对您有帮助,希望把文章链接给更多的朋友!

✍️ 作者简介: 前端新手学习中。

💂 作者主页: 作者主页查看更多前端教学

🎓 专栏分享:css重难点教学   Node.js教学 从头开始学习   ajax学习

文章目录axios  什么是axios  axios发起GET请求  axios发起POST请求  直接使用axios发起get请求  直接使用axios发起post请求axios  什么是axios【Ajax】如何通过axios发起Ajax请求(ajax调用)

Axios是专注于网络数据请求的库,相比于原生的XMLHttpRequest对象,axios简单易用。相比于Jquery,axios更加轻量化,只专注于网络数据请求。

  axios发起GET请求

axios发起get请求的语法: 代码

<body> <button id="btn1">发起get请求</button> <script> document.querySelector('#btn1').addEventListener('click', function () { let url = 'http://www.liulongbin.top:3006/api/get'; axios.get(url, { params: { name: 'xiaoxie', age: '20' } }).then(function (res) { console.log(res.data); }) }) </script></body>

  axios发起POST请求

axios发起post请求的语法

<button id="btn2">发起post请求</button> document.querySelector('#btn2').addEventListener('click', function () { let url = 'http://www.liulongbin.top:3006/api/post'; axios.post(url, { name: 'xiaoxie', age: '20' }).then(function (res) { console.log(res.data); }) })

  直接使用axios发起get请求

axios也提供了类似于Jquery中$.ajax()的函数,语法如下:

<body> <button id="btn3">发起ajax请求</button> <script> document.getElementById('btn3').addEventListener('click', function () { let url = 'http://www.liulongbin.top:3006/api/get'; let paramsData = { name: 'xiaoxie', age: 20 } axios({ method: 'get', url: url, params: paramsData, }).then( function (res) { console.log(res.data); } ) }) </script></body>

  直接使用axios发起post请求<body> <button id="btn4">发起ajax post请求</button> document.getElementById('btn4').addEventListener('click', function () { let url = 'http://www.liulongbin.top:3006/api/post'; let paramsData = { name: 'xiaoxie', age: 20 } axios({ method: 'post', url: url, data: paramsData, }).then( function (res) { console.log(res.data); } ) }) </script></body>

本文链接地址:https://www.jiuchutong.com/zhishi/297480.html 转载请保留说明!

上一篇:【生成模型】Stable Diffusion原理+代码(生成stl基本过程)

下一篇:MVC和MVVM有什么区别(mvc与mvvm)

  • 小规模纳税人税率1%政策到什么时候
  • 亏损企业如何填报企业所得税
  • 企业之间拆借资金是什么意思
  • 处置使用过的车辆
  • 清算报告与清算方案区别
  • 滴滴出行怎么弄电子发票
  • 离职人员个税申报如何处理
  • 电子发票冲红是怎么回事
  • 广告服务商是什么意思
  • 调整账户和被调整账户的关系
  • 小规模纳税人印花税减免税优惠政策
  • 商业汇票的存款期限
  • 单位注销合并时在原单位各个账户余额保留
  • 公司贷款直接打供应商账户还需要发票吗
  • 企业融资租赁设立条件
  • 加工成本属于什么会计科目
  • 应交税费应交增值税减免税款
  • 海关年检需要什么资料
  • 劳务报酬交的税汇算清缴能退
  • 收到股利的现金会计分录
  • 所得税申报表本期金额上期金额指什么
  • 公允价值变动损益借贷方向
  • iphone7如何设置输入法
  • 进口设备和备件有哪些
  • mac重装macos
  • 企业期末营业利润分录
  • php封包
  • 交易性金融资产的账务处理
  • 微信第三方登录信息修改
  • yii框架连接数据库
  • 已用短信息服务发送信息,对方能收到吗
  • 从 零开始
  • 认缴制和实缴制的区别
  • 来料加工成品如何入库
  • 将织梦dedecms转换到wordpress
  • 我们现在收到的礼物
  • 金碟怎么初始化
  • php网站根目录
  • 什么是投资收益率
  • 小规模纳税人代销商品增值税如何计算
  • 发票已入账但未认证的进项税额
  • 什么发票可以抵扣增值税吗
  • 装修收入应如何确定
  • 增值税发票遗失可以补开吗
  • sql server2012使用方法
  • 无进项可以开票么
  • 劳务派遣人员代招聘多少钱一个人
  • 小规模减免的增值税
  • 新成立公司如何报税
  • 原始凭证的基本内容有会计分录吗
  • 财务软件是有哪些软件
  • 所得税税率变化对已确认递延所得税资产的影响
  • 费用发票的种类
  • 员工工资费用
  • 仓库费用计入什么科目
  • 咨询公司销售费用有哪些
  • sqlserver界面
  • Linux下mysql 5.6.17 安装图文教程
  • windows在哪里添加打印机
  • winxp系统如何设置禁用磁盘检测功能
  • xp系统没有声音没有音频设备
  • 设置共享文件夹win10
  • mac快捷键一览
  • macbook做热点
  • mac和iphone互动
  • win8系统桌面图标
  • xp系统无法正常启动怎么办
  • win7免费升win8
  • cmd命令基础
  • 整理出来
  • unity协程执行顺序
  • xbox无法连接无线网络
  • linux系统如何搜索文件内容
  • javascript nextSibling 与 getNextElement(node) 使用介绍
  • js判断数据是否存在
  • javascript 代码
  • 如何用jquery
  • 税务局网上开票平台app
  • 铁路检察院和普检哪个好
  • 支付税控服务费的账务处理
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设