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>

相关阅读:
【实用干货】如何用LightningChart创建WPF 2D热图？（一）
猿创征文｜栈和队列OJ刷题
什么是jsp？
在 msys2/mingw 下安装及编译 opencv
【设计模式】Java设计模式 - 桥接模式
Selenium基础 — Selenium对cookie的操作
「Python 」面向对象三大特性之继承性——（概念、语法、特点、相关术语、注意事项、代码示例）
百度C++研发工程师面试题（最新整理）
记录一次存储过程新增测试数据
python+vue+elementui高校学生成绩补考通知系统django

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