axios发请求的基本语法:

摘要:
id=1通过params配置来指定:axios请求体参数:通过data配置或post()/put()的第二个参数指定案例˂!q=v&sort=stars//axios.then.catch//axios的基本使用//函数用法以及对象用法//asyncfunctionsendAjax(){try{//result为响应的数据constresult=awaitaxios({url:'https://api.github.com/search/repositories',///8也是一种参数,真正的params参数method:'GET',params:{//params参数对应的是我们所说的query参数,url查询参数?
axios发请求的基本语法:
axios({
url:'路径',//这个路径中可以包含params或query参数
method:'get/post/put/delete',
params:{},//包含query参数的对象,问号后面的参数
data:{},//包含请求体参数的对象
})
axios.get(url,{配置})//{params:{id:1}}
axios.delete(url,{配置})
axios.post(url,data数据对象)
axios.put(url,data数据对象)

使用axios发ajax请求携带参数:
params参数:只能拼在路径中:/admin/product/baseTrademark/delete/1
query参数:
拼在路径中的?后面:/admin/product/baseTrademark?id=1
通过params配置来指定:axios({params:{id:1}})
请求体参数:
通过data配置或post()/put()的第二个参数指定

案例

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport"content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <script src="https://cdn.bootcdn.net/ajax/libs/axios/0.19.2/axios.js"></script>
  <script>

    //普通axios通信https://api.github.com/search/repositories?q=v&sort=stars
    //axios({
    //url:'https://api.github.com/search/repositories',
    //method:"GET",
    //params:{
    //q:'v',
    //sort:'stars'
    //}

    //}).then(v=>{
    //console.log(v.data)
    //}).catch(error=>{
    //console.log(error.message)
    //})


    //axios的基本使用
    //函数用法以及对象用法
    //
async functionsendAjax() {
      try{

        //result为响应的数据
const result =await axios({
          url: 'https://api.github.com/search/repositories',
          ///8也是一种参数,真正的params参数
method: 'GET',
          params: {
            //params参数对应的是我们所说的query参数,url查询参数 ?key=value
            //如果url里面写了这个query参数,这里就不需要写了
            //username:'zhaoliying'
            //?q=v&sort=stars'
q: 'v',
            sort: 'stars'},
          //data:{
          ////data参数对应的是请求体参数
          //}
})
        console.log(result.data)
      } catch(error) {
        console.log(error.message)
      }
      
    }

    //async函数返回值一定是promise
    //返回的promise成功还是失败看这个函数的返回值
    //分两种情况:返回值返回的是promise,要么就是一个数据,要么throw一个ERROR
    //返回的值是一个promise,name这个async函数返回的promise成功和失败就看这个promise的状态
    //是一个ERROR,那么就是失败的
    //其余都是成功的
sendAjax()

  </script>
</body>

</html>

免责声明:文章转载自《axios发请求的基本语法:》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇python基础知识5——赋值与深浅拷贝——整数和字符串,列表元组字典flex 弹性盒布局 移动端首页下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

bootstrap-table 基础用法

1.需要添加的引用。 <script src="http://t.zoukankan.com/@Url.Content("~/js/jquery-2.1.1.js")"></script>    <script src="http://t.zoukankan.com/@Url.Content("~/js/bo...

通过http方式 post天气,并合成语音

# coding=utf-8 import sys import json import pygame import time IS_PY3 = sys.version_info.major == 3 if IS_PY3: import requests from urllib.request import urlopen fro...

原创: 自定义tabs切换组件并使用(微信小程序中

1)TabsTop.wxml   此案例是在微信小程序中 <!-- components/Tabs/TabsTop.wxml --> <text>components/Tabs/TabsTop.wxml</text> <button type="primary">组件TabsTop</button&...

Vue实例的的data对象

介绍 Vue的实例的数据对象data 我们已经用了很多了,数据绑定离不开data里面的数据。也是Vue的核心属性。 它是Vue绑定数据到HTML标签的数据源泉,另外Vue框架会自动监视data里面的数据变化,自动更新数据到HTML标签上去。本质原理是:Vue会自动将data里面的数据进行递归抓换成getter和setter,然后就可以自动更新HTML标签了...

通过url 下载文件

1、问题简介   通过文件的url,将文件下载到本地。文件存储的位置为:tomcat服务器的文件夹(通过读取properties文件:可看:http://www.cnblogs.com/0201zcr/p/4700418.html) 2、实现思路   读取properties文件,将获得文件将要存储的位置   通过java的Url类,将网上的文件下载到本地...

html/js部分问题和小结

2015/9/8 1.js中不要试图去处理由[变量:变量]组成的map(不过可以通过DWR.addOptions添加),而是处理[bh:变量][xm:变量],然后通过data[i].bh,data[i].xm进行处理 2.html&&js:  2.1 document.getElementsByTagName("input")  2.2...