zoukankan      html  css  js  c++  java
  • axios学习--起步

    官网:http://www.axios-js.com/zh-cn/docs/

    什么是 axios?

    Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。

    特性

    • 从浏览器中创建 XMLHttpRequests
    • 从 node.js 创建 http 请求
    • 支持 Promise API
    • 拦截请求和响应
    • 转换请求数据和响应数据
    • 取消请求
    • 自动转换 JSON 数据
    • 客户端支持防御 XSRF

    安装

      使用 npm:

    $ npm install axios

      使用 cdn:

    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>

    demo:

    <!DOCTYPE html>
    <html xmlns:th="http://www.thymeleaf.org">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    </head>
    <body>
            <p id="p"></p>
        <script>
    //get axios.get("/test") .then(function (value) { alert(value.data); });
    //post axios.post(
    "/pp") .then(function (value) { document.getElementById("p").innerText=JSON.stringify(value.data); }) .catch(function (reason) { alert(reason.data); });
     //axios API
          axios({
           method:'post',
           url:'/pp',
           data:{
         p1:"ass"
         }
        }).then(function (value) {
         alert(value.data+"--");
        })
    </script> </body> </html>

    Controller:

    @Controller
    public class TestController {
    
        @RequestMapping(value = "/t")
        public String test1(){
            return "a";
        }
        @GetMapping(value = "/test")
        @ResponseBody
        public String test2(){
            return "asdasdsad";
        }
        @PostMapping(value = "/pp")
        @ResponseBody
        public String pp(){
            return "pp";
        }
    }

    访问:http://localhost:8080/t

  • 相关阅读:
    python爬取代理IP地址
    神经网络训练的过程
    机器学习中用到的数学概念
    Navicat连接Mysql错误代码1251
    mysql安装
    mysql运行找不到MSVCP140.dll
    tomcat 日志乱码
    扁平化 Flat
    常见的WEB安全及防护
    CentOS ceph 集群搭建(单节点)
  • 原文地址:https://www.cnblogs.com/crazy-lc/p/12845655.html
Copyright © 2011-2022 走看看