javascript - 关于formData放入数值对象失败

问题描述

问 题

1. 在前台使用formData封装数据并通过xhr对象发送请求时发现formData中的数据放不进去的问题：

2. 代码：

 function register() {
            const username = document.getElementById('input').value;  //已验证可获取到
            const psw = document.getElementById('psw').value;//已验证可获取到
            
            var formData = new FormData();
            formData.append('username', username);
            formData.append('psw', psw);
            console.log(formData);

            var xhr = new XMLHttpRequest();

            xhr.onreadystatechange = function () {
                if (xhr.readyState == 4) {
                    if ((xhr.status >= 200 && xhr.status < 300) || xhr.status == 304) {
                        alert(xhr.responseText);
                    } else {
                        alert("Response was unsuccessful:" + xhr.status);
                    }
                }
            };
            xhr.open("post", "http://localhost:3000/register", true);
            xhr.send(formData);

在客户端输出formData的值发现为空：

请大家帮忙解答，谢谢～

解决方案

FormData打印出来就是空的,传到后台看看是否能接收到,或者在调试工具的netWork里面去看传送参数,

这篇关于javascript - 关于formData放入数值对象失败的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！