• axios——get、post

    1. html>
    2. <html lang="en">
    3.  
    4. <head>
    5.   <meta charset="UTF-8">
    6.   <meta name="viewport" content="width=device-width, initial-scale=1.0">
    7.   <meta http-equiv="X-UA-Compatible" content="ie=edge">
    8.   <title>Documenttitle>
    9.   <script src="./lib/axios.js">script>
    10. head>
    11.  
    12. <body>
    13.   <button id="btn1">发起GET请求button>
    14.   <button id="btn2">发起POST请求button>
    15.   <button id="btn3">直接使用axios发起GET请求button>
    16.   <button id="btn4">直接使用axios发起POST请求button>
    17.  
    18.   <script>
    19.     document.querySelector('#btn1').addEventListener('click', function () {
    20.       var url = 'http://www.liulongbin.top:3006/api/get'
    21.       var paramsObj = { name: 'zs', age: 20 }
    22.       axios.get(url, { params: paramsObj }).then(function (res) {
    23.         console.log(res.data)
    24.       })
    25.     })
    26.  
    27.     document.querySelector('#btn2').addEventListener('click', function () {
    28.       var url = 'http://www.liulongbin.top:3006/api/post'
    29.       var dataObj = { address: '北京', location: '顺义区' }
    30.       axios.post(url, dataObj).then(function (res) {
    31.         console.log(res.data)
    32.       })
    33.     })
    34.  
    35.     document.querySelector('#btn3').addEventListener('click', function () {
    36.       var url = 'http://www.liulongbin.top:3006/api/get'
    37.       var paramsData = { name: '钢铁侠', age: 35 }
    38.       axios({
    39.         method: 'GET',
    40.         url: url,
    41.         params: paramsData
    42.       }).then(function (res) {
    43.         console.log(res)
    44.         console.log(res.data)
    45.       })
    46.     })
    47.  
    48.     document.querySelector('#btn4').addEventListener('click', function () {
    49.       axios({
    50.         method: 'POST',
    51.         url: 'http://www.liulongbin.top:3006/api/post',
    52.         data: {
    53.           name: '娃哈哈',
    54.           age: 18,
    55.           gender: '女'
    56.         }
    57.       }).then(function (res) {
    58.         console.log(res.data)
    59.       })
    60.     })
    61.   script>
    62. body>
    63.  
    64. html>

  • 相关阅读:
    01 # 重塑类型思维
    C进阶--数据的存储
    门店如何提高会员粘性
    GBase 8c 存储技术---列存储引擎（二）
    Python网络编程(socket)
    猿创征文｜Redis新增数据类型
    蓝牙耳机南卡和JBL哪款好用？半入耳耳机南卡和JBL详细对比评测
    软件工程师，全面思考问题很重要
    多线程(基础) - 4万字总结
    新型的铁塔基站“能源管家”
  • 原文地址：https://blog.csdn.net/m0_51928176/article/details/126271680