首页 > 其他分享 >什么是axios

什么是axios

时间:2023-02-01 16:35:34浏览次数:46  
标签:axios 请求 url res 什么 var data

Axios 是专注于网络数据请求的库。

相比于原生的 XMLHttpRequest 对象,axios 简单易用

相比于 jQueryaxios 更加轻量化,只专注于网络数据请求

axios 发起 get 请求的语法:

axios.get('url', { params: { /*参数*/ } }).then(callback)
// 请求的 URL 地址
var url = 'http://www.liulongbin.top:3006/api/get'
// 请求的参数对象
var paramsObj = { name: 'zs', age: 20 }
// 调用 axios.get() 发起 GET 请求
axios.get(url, { params: paramsObj }).then(function(res) {
     // res.data 是服务器返回的数据
     var result = res.data
     console.log(res)
})

axios发起POST请求

axios 发起 post 请求的语法:

axios.post('url', { /*参数*/ }).then(callback)
// 请求的 URL 地址
var url = 'http://www.liulongbin.top:3006/api/post'
// 要提交到服务器的数据
var dataObj = { location: '北京', address: '顺义' }
// 调用 axios.post() 发起 POST 请求
axios.post(url, dataObj).then(function(res) {
     // res.data 是服务器返回的数据
     var result = res.data
     console.log(result)
})

直接使用axios发起请求

axios({
 method: '请求类型',
 url: '请求的URL地址',
 data: { /* POST数据 */ },
 params: { /* GET参数 */ }
}).then(callback)
GET请求
document.querySelector('#btn3').addEventListener('click', function () { var url = 'http://www.liulongbin.top:3006/api/get' var paramsData = { name: '钢铁侠', age: 35 } axios({ method: 'GET', url: url, params: paramsData }).then(function (res) { console.log(res.data) }) })

 

POST请求
document.querySelector('#btn4').addEventListener('click', function () { axios({ method: 'POST', url: 'http://www.liulongbin.top:3006/api/post', data: { name: '娃哈哈', age: 18, gender: '女' } }).then(function (res) { console.log(res.data) }) })

 

标签:axios,请求,url,res,什么,var,data
From: https://www.cnblogs.com/harryzong/p/17083246.html

相关文章

  • 什么是同源
    如果两个页面的协议,域名和端口都相同,则两个页面具有相同的源。  同源策略(英文全称Sameoriginpolicy)是浏览器提供的一个安全功能MDN官方给定的概念:同源策略限制......
  • 书城8 - Vue&Axios
    1.Vue{{}}-相当于innerTextv-bind:attr绑定属性值。例如,v-bind:value-绑定value值简写::valuev-model双向绑定v-model:value,简写v-modelv-if,v-......
  • 云计算是什么
    云计算是什么......
  • 秋天六件套是什么
    秋天六件套主要是指床上的用品,首先是枕套一对,然后一个被套、一个床单,还有一对信封枕,或者称之为靠垫,这样就形成了6件套。与普通的4件套相比,多了一对靠垫。靠垫可以当枕头用,......
  • innodb到底什么时候进行分表操作?
    一,一个技术人常被问到的问题Q:一张表数据量达到多大才需要进行分表的操作?A:一些八股文的说法是,达到xxx条数据就需要进行分表的操作了通常我们会使用一个简单的指标-“数......
  • 开源大数据分析平台的内容有什么?
    在大数据时代,做好数据管理是非常重要的一个步骤。可以给企业做出正确的经营决策,指引新的发展方向。因此,随着数字化时代的到来,很多企业都倾向于寻找适宜的开源大数据分析平......
  • 什么是最大子数组问题?
    本文首发自「慕课网」,想了解更多IT干货内容,程序员圈内热闻,欢迎关注!作者|慕课网精英讲师JdreamZhang最大子数组(MaxSubarray)问题,是计算机科学与技术领域中一种常见的算法问......
  • 什么是探索性测试?探索性测试有哪些方法?
    (探索性测试及其理论)1、阶段一般在系统测试阶段完成,此时软件质量趋于稳定2、目的在最短的时间内发现最多严重的bug,通过新的思路,新的方法,找到还未被发现的问题,找到漏网......
  • 企业的内部文档太杂乱,有什么好用的文档管理软件?
    企业内部文档的管理,是一个老生常谈的问题。有些企业的文档管理比较混乱,很难做好企业内部的信息管控。我们可以先从以下几个方面入手:企业内部文档杂乱分散,集中式的管理;信......
  • 什么是JUC
    什么是JUC与线程和进程一、什么是JUC面试高频问javautilconcurrentjava.util工具包包、分类业务:普通的线程代码ThreadRunnable:没有返回值,效率相比Callable相对较低......