jquery - jquery append' 在一个对象上调用
问题描述
为什么我的浏览器会出现以下错误:
TypeError:在未实现接口 FormData 的对象上调用了“附加”。
?
我该如何解决?
我的jQuery代码
$(document).on("click", ".edit_save-btn", function(e){
e.preventDefault();
var form = $(this).closest('form')[0];
for (i = 0; i < form.elements.length; i++)
{
if (form.elements[i].type == 'file')
{
if (form.elements[i].value == '') {
form.elements[i].parentNode.removeChild(form.elements[i]);
}
}
}
var form_data = new FormData(form);
var act = "edit";
form_data.append('agntID', "4");
form_data.append('act', 'edit');
// form_data.push({name: 'agntID', value: "4"});
// form_data.push({name: 'act', value: 'edit'});
});
HTML
<form action="#" method="post" enctype="multipart/form-data" id="4" class="item">
<div class="col-md-2 item_logo"><input name="file[]" type="file"></div>
<div class="col-md-2 item_name"><input name="agnt[name]" value="Agency 2" type="text"><span>*</span></div>
<div class="col-md-2 item_mainEmail"><input name="agnt[mainEmail]" value="email@gmail.com" type="text"></div>
<div class="col-md-2 item_contact"><textarea type="text" name="agnt[contact]">some details</textarea></div>
<div class="col-md-2 panel-menu">
<span class="edit_msg"></span>
<i class="fa fa-refresh fa-spin fa-2x fa-fw edit_form-loader"></i>
<a href="#" class="btn btn-success edit_save-btn">Save</a>
</div>
</form>
……………………………………………………………………………………………………………………
解决方案
我更改了我的 AJAX 代码:
$.ajax ({ type: 'POST', url: 'ajax/agnts-control.php', data: form_data, dataType: 'json', contentType: false, cache: false, processData:false,
推荐阅读
- codenameone - Codenameone - Picker 如何控制午夜显示 12(小时)
- html - 应用 margin-left 后右边框丢失
- amazon-web-services - Amazon CodeDeploy ApplicationStop 脚本无论如何都会失败
- selenium - 我如何使用 POM 和 Testng 在 selenium 的所有页面上传输相同的驱动程序组件
- java - 计划任务延迟和设备睡眠
- angular - Angular - 每次执行函数时更改不同的值
- html - 如何在不使用引导、媒体查询和任何其他框架的情况下创建响应式网站
- r - 为什么我的 kNN 这么慢?depth = 1 and k = 1...是什么让我慢下来?
- python - 如何编写命令行脚本以在选定的 AWS 实例中启用自动恢复?
- android - logcat 停止写入设备上的文件