位置: 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)

  • 购买财务软件做什么科目
  • 购买研发设备的会计分录
  • 现金流量表中的现金即为货币资金
  • 加工企业怎么记账
  • 外购货物用于什么不得抵扣进项
  • 税务筹划的12种方法知乎
  • 工会福利费列支范围
  • 开出商业承兑汇票到期会计分录
  • 工商年报填好后怎样公示
  • 质量不合格起诉状
  • 小微企业的认定标准2021
  • 纳税期限与申报的关系
  • 营改增后卖房交的增值税
  • 城市建设维护税和教育费附加怎么算
  • 小规模税控盘280服务费怎么申报
  • 发票后附的销售清单怎么黏
  • 公账转私账用途怎么写
  • 采购均价怎么计算
  • 跨年发票如何入账小企业会计准
  • 收到不开票的返利如何记账?
  • 外汇收汇怎么做账
  • 收到转账支票 转给下一家
  • 存货周转次数计算公式怎么理解
  • 审图费发票需要备注吗
  • 代开普通发票要什么材料?
  • 房地产销售佣金表格模板
  • 委托代销售应确认什么
  • 电脑开机后无显示,但主机电源指示灯长亮
  • 怎么用苹果6splus
  • 总分公司分税
  • 兼职属于劳动关系还是雇佣
  • 政府补助计量的基础是
  • 网件R6400路由器怎么样?R6400拆解与内部结构评测
  • 合同资产减值怎么填
  • 路由器重启后电视放不出来咋办
  • 户外广告位怎么收费
  • Linux下使用quota命令管理磁盘空间的实例教程
  • .hpp是什么文件
  • php标识符
  • php面向对象的三大特征
  • 固定资产清理的会计科目处理
  • 中国石化电子发票平台官网
  • 个税累计预扣法导致税交多了
  • 计入当期损益的
  • 计提和结转的例子
  • 库存盘盈盘亏说明
  • 残保金是第二年交前一年的吗
  • 商业会计怎么做会计分录
  • 单位发放职工2000元慰问金申请怎么写
  • 高速过路费抵扣增值税
  • 房屋租赁违约金比例
  • 银行对账单冲正的单据在财务软件哪里找
  • 先款后票图片
  • 稳定用工社保补贴怎么领
  • 本年收益属于什么科目
  • 开业前的装修费怎么做账
  • mysql中索引有什么用
  • win2003安全模式怎么进
  • win10预览版选哪个
  • window8系统安装步骤
  • 笔记本隐藏功能
  • windows右下角
  • 虚拟机下安装操作软件
  • grep正则表达式运用举例
  • 简述在windows中创建用户的步骤
  • cocos creator特效制作
  • c#怎么使用opencv
  • js组件是什么
  • nodejs安装在c盘好还是d盘好
  • css应用领域
  • 用javascript
  • nodejs orm框架
  • linux启动的过程
  • json jquery
  • unity人物换肤用什么方法
  • 成品油税费具体计算
  • 税务机关代收工会经费手续费
  • 无偿转让股权协议书范本
  • 四川省国家电子税务局网上申报
  • 重庆市九龙坡税务局行政服务中心电话
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设