axios——get、post


html>
<html lang="en">
 
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Documenttitle>
  <script src="./lib/axios.js">script>
head>
 
<body>
  <button id="btn1">发起GET请求button>
  <button id="btn2">发起POST请求button>
  <button id="btn3">直接使用axios发起GET请求button>
  <button id="btn4">直接使用axios发起POST请求button>
 
  <script>
    document.querySelector('#btn1').addEventListener('click', function () {
      var url = 'http://www.liulongbin.top:3006/api/get'
      var paramsObj = { name: 'zs', age: 20 }
      axios.get(url, { params: paramsObj }).then(function (res) {
        console.log(res.data)
      })
    })
 
    document.querySelector('#btn2').addEventListener('click', function () {
      var url = 'http://www.liulongbin.top:3006/api/post'
      var dataObj = { address: '北京', location: '顺义区' }
      axios.post(url, dataObj).then(function (res) {
        console.log(res.data)
      })
    })
 
    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)
        console.log(res.data)
      })
    })
 
    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)
      })
    })
  script>
body>
 
html>

相关阅读:
3k star 项目 learning-cmake 点评
RocketMQ 消息失败重试解析——图解、源码级解析
axios和SpringMVC数据交互（一维二维数组，JSON/form形式，@RequestBody/@RequestParam）
多分类loss学习记录
打地鼠（susliks）方法记录
做好规划拿下未来!
python之格式化输出format()函数使用总结
PHP的序列化和反序列化入门
半边数据结构【Half Edge】
交换机IOS模式

原文地址：https://blog.csdn.net/m0_51928176/article/details/126271680