post方法请求时服务端响应的数据 console.log(xhr.responseText)打印在控制台为空

最新推荐文章于 2024-09-29 09:48:55 发布

Sunrise biu.

最新推荐文章于 2024-09-29 09:48:55 发布

阅读量1.8k

点赞数 4

本文链接：https://blog.csdn.net/sunrisehcm/article/details/109438714

版权

在使用POST方法发送请求时，遇到xhr.responseText在控制台显示为空的问题。经过排查，发现不仅是JS模块需要正确编写，还需要在服务端配置app.use(bodyParser.urlencoded())来解析'application/x-www-form-urlencoded'格式的参数。添加此配置后，问题得到解决。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>

<body>
    <p>
        <input type="text" id="username">
    </p>
    <p>
        <input type="text" id="age">
    </p>
    <p>
        <input type="button" value="提交" id="btn">
    </p>
    <script type="text/javascript">
        // 获取按钮元素
        var btn = document.getElementById('btn');
        // 获取姓名文本框
        var username = document.getElementById('username');
        // 获取年龄文本框
        var age = document.getElementById('age');
        // 为按钮添加点击事件
        btn.onclick = function () {
            // 创建ajax对象
            var xhr = new XMLHttpRequest();
            // 获取用户在文本框中输入的值
            var nam