关于formData放入数值对象失败

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


代码:


 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的值发现为空:

https://img2.mukewang.com/5c3b28fe0001e2cf01520039.jpg

www说
浏览 1972回答 1
1回答

达令说

FormData打印出来就是空的,传到后台看看是否能接收到,或者在调试工具的netWork里面去看传送参数,
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript