Javascript 表单数据显示空对象

Javascript 表单数据显示空对象,javascript,html,form-data,Javascript,Html,Form Data,我制作了一个简单的表单,希望使用jQuery函数newformdata()发布数据。对我来说,一切似乎都很好,但当我在console.log中显示变量data时,我会得到FormData{append=append()}作为输出 我的代码是: <form action="" enctype="multipart/form-data" method="post" name="edit_user" id="edit_user"> <input type="text" name

我制作了一个简单的表单,希望使用jQuery函数
newformdata()
发布数据。对我来说,一切似乎都很好,但当我在
console.log
中显示变量
data
时,我会得到
FormData{append=append()}
作为输出

我的代码是:

<form action="" enctype="multipart/form-data" method="post" name="edit_user" id="edit_user">
   <input type="text" name="Fname" >
   <input type="file" name="image">
   <input type="submit" value="submit">
</form>

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript" charset="utf-8">
    $(document).ready(function() {
        $('#edit_user').submit(function(event) {
            event.preventDefault();
            var formdata = new FormData(this);
            console.log(formdata);
       });

$(文档).ready(函数(){
$('#编辑用户')。提交(函数(事件){
event.preventDefault();
var formdata=新formdata(本);
console.log(formdata);
});
您的代码(包括在下面)运行良好。这就是
FormData
应该如何工作的。数据可以使用XHR或
$发布。ajax
(请参阅),但它不会为您序列化为字符串。只有在发出XHR请求时才会转换为适当的格式

如果不发出XHR请求,就无法在控制台中查看
FormData
对象中的数据

$(文档).ready(函数(){
$('#编辑用户')。提交(函数(事件){
event.preventDefault();
//在这里输入代码
var formdata=新formdata(本);
console.log(formdata);
});
});

您可以使用FormData的get函数获取数据,如下所示:

console.log(formdata.get('Fname'));

FormData()
不是一个
jQuery API方法/函数
。问题被正确地重新标记。如果你还在
jQuery
,这可能会对你有所帮助:朋友们,我需要上传一个图像文件,那么这怎么可能呢?谢谢你救了我…我正在为a2调试这个hours@lonesomeday是否有任何方法可以控制台formdata值ihttp请求?