axios

Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。
当然java也是可以用的

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

 /**
     * 执行get 请求
     */
    // axios.get('/user?ID=12345')
    //     .then(function (response) {
    //         console.log(response);
    //     })
    //     .catch(function (error) {
    //         console.log(error);
    //     });


    // axios.get('/user', {
    //     params: {
    //         ID: 12345
    //     }
    // })
    //     .then(function (response) {
    //         console.log(response);
    //     })
    //     .catch(function (error) {
    //         console.log(error);
    //     });


    /**
     *执行post请求
     */

    // axios.post('/user2', {
    //     firstName: 'Fred',
    //     lastName: 'Flintstone'
    // })
    //     .then(function (response) {
    //         console.log(response);
    //     })
    //     .catch(function (error) {
    //         console.log(error);
    //     });


    /**
     * 执行多个并发请求
     */

    // function getUserAccount() {
    //     return axios.get('/user?ID=12345');
    // }
    //
    // function getUserPermissions() {
    //     return axios.post('/user2', {
    //         firstName: 'Fred',
    //         lastName: 'Flintstone'
    //     });
    // }
    //
    // axios.all([getUserAccount(), getUserPermissions()])
    //     .then(axios.spread(function (acct, perms) {
    //         console.log(acct+perms)
    //     }));
    /**
     * axios API
     * 可以通过向 axios 传递相关配置来创建请求
     */
    // 发送 POST 请求
    axios({
        method: 'post',
        url: '/user2',
        data: {
            firstName: 'Fred',
            lastName: 'Flintstone'
        }
    });

后台

@RestController
public class hellocontroller {
    @GetMapping("/user")
    public String get(@RequestParam("ID") String id) {
        System.out.println("获得请求" + id);
        return "收到了id:" + id;
    }

    @PostMapping("/user2")
//    post的请求用requestbody接收  回来的参数是一个map
    public String post(@RequestBody Map<String, Object> map) {
        System.out.println("user2 获得了post请求");
        System.out.println(map.toString());
        String result = String.valueOf(map.get("firstName")) + String.valueOf(map.get("lastName"));
        return result;
    }


}