首页 > 解决方案 > 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>

……………………………………………………………………………………………………………………

标签: jquery

解决方案


我更改了我的 AJAX 代码:

$.ajax ({ type: 'POST', url: 'ajax/agnts-control.php', data: form_data, dataType: 'json', contentType: false, cache: false, processData:false,


推荐阅读