zoukankan      html  css  js  c++  java
  • axios发送post请求后台接受不到问题

    axios发送post请求后台接受不到问题

    1、首先这是前端的问题

    2、解决方案不唯一,但这招肯定行

    <!DOCTYPE html>
    <html>
    
    <head>
        <meta charset="utf-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>Page Title</title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
        <script src="https://unpkg.com/axios/dist/axios.js"></script>
    </head>
    
    <body>
        <input type="button" onclick="sendHttp()" value="发送POST请求">
    </body>
    
    <script>
        function sendHttp() {
            // 传统jquery post
            // $.post('http://module.design.xesimg.com/xeditor/textToFile', {
            //     "main": "sadfasdf",
            //     "resource": "qwerqwer",
            //     "moduleConfig": "glhfkjd"
            // }, (msg) => {
            //     console.log(msg)
            // })
    
            //axios post
            var params = new URLSearchParams();
            params.append('main', 'value1'); //你要传给后台的参数值 key/value
            params.append('resource', 'value2');
            params.append('moduleConfig', 'value3');
            axios.post('http://127.0.0.1:3000/xeditor/textToFile', params)
                .then(function (response) {
                    console.log(response);
                })
                .catch(function (error) {
                    console.log(error);
                });
        }
    </script>
    
    </html>

    node.js 后端用 req.body 接收就行

  • 相关阅读:
    Beta冲刺第三天
    Beta冲刺第二天
    C#编程(三十三)----------Array类
    ComputeColStats UDF中 近似算法的介绍(续)
    云计算技术第三堂课20210317
    云计算与信息安全第三堂课20210316
    操作系统第三堂课20210315
    ROSPlan教程
    机器学习第二堂课20210311
    云计算技术第二堂课20210310
  • 原文地址:https://www.cnblogs.com/xbblogs/p/9562171.html
Copyright © 2011-2022 走看看