TypeError：在未实现接口 FormData 的对象上调用了“附加”答案

【问题标题】：TypeError: 'append' called on an object that does not implement interface FormDataTypeError：在未实现接口 FormData 的对象上调用了“附加”
【发布时间】：2017-08-12 21:27:08
【问题描述】：

$(document).on('submit','#form_pem', function(event){
            event.preventDefault();
            var kodebayar = $('#kodebayar').val();
            var nama = $('#nama').val;
            var harga = $('#harga').val;
            var postData = new FormData(this);

            if(kodebayar != '' && nama != '' && harga != ''){
                $.ajax({
                    url:"<?=site_url('bpem/user_action')?>",
                    method:"POST",
                    data:postData,
                    contentType:false,
                    proccessData:false,
                    success: function(data)
                    {
                        alert(data);
                        $('#form_pem')[0].reset();
                        $('#modalpem').modal('hide');
                        dataTable.ajax.reload();
                    }

                });

            }
            else{
                alert("Silahkan isikan semua data!");
            }
        });

这是我的 JS

<div class="modal fade text-xs-left" id="modalpem" tabindex="-1" role="dialog" aria-labelledby="myModalLabel35" aria-hidden="true">
                                      <div class="modal-dialog modal-sm">
                                        <form method= "post" id="form_pem">
                                        <div class="modal-content">
                                          <div class="modal-header">
                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                              <span aria-hidden="true">&times;</span>
                                            </button>
                                            <h3 class="modal-title text-xs-center">Tambah Biaya Pembayaran</h3>
                                          </div>
                                            <div class="modal-body">
                                                <fieldset class="form-group floating-label-form-group">
                                                    <label for="Kode">Kode <span class="required">*</span></label>
                                                    <input type="text" class="form-control" name="kodebayar" id="kodebayar" placeholder="Kode Pembayaran">
                                                </fieldset>
                                                <fieldset class="form-group floating-label-form-group">
                                                    <label for="nama">Nama <span class="required">*</span></label>
                                                    <input type="text" class="form-control" name="nama" id="nama" placeholder="Nama Pembayaran">
                                                </fieldset>
                                                <fieldset class="form-group floating-label-form-group">
                                                        <label for="projectinput7">Biaya Perbulan <span class="required">*</span></label>
                                                        <div class="input-group">
                                                            <span class="input-group-addon">Rp.</span>
                                                            <input type="number" class="form-control" placeholder="Biaya Perbulan" aria-label="Amount (to the nearest dollar)" name="harga" id="harga">
                                                            <span class="input-group-addon">.00</span> 
                                                        </div>
                                                </fieldset>
                                            </div>
                                            <div class="modal-footer">
                                                <input type="reset" class="btn btn-grey" value="Bersihkan">
                                                <input type="submit" class="btn btn-warning" name="action" id="action" value="Tambah">
                                            </div>
                                        </div>
                                        </form>
                                      </div>

                                    </div>

这就是视图。但我遇到了类似的错误

TypeError：在未实现 FormData 接口的对象上调用了“append”。

我忘记添加什么了吗？我该怎么办？谢谢你的帮助

【问题讨论】：

标签： javascript ajax codeigniter view append

【解决方案1】：

需要纠正错字:)

proccessData:false

应该是

processData: false

为避免FormData 错误，请确保ajax 选项必须类似于

$.ajax({
    url : "url",
    type: "POST",
    data : postData,
    processData: false,
    contentType: false,
    success:function(data, textStatus, jqXHR){
        //
    },
    error: function(jqXHR, textStatus, errorThrown){
        //if fails     
    }
});

【讨论】：

这样的错字不会导致错误。 $.ajax 的设置参数中的任何错误名称属性都会被忽略。
@hindmost 是的，你是对的。它会忽略，但要发布 FormData processData 密钥是必需的。所以我指出这是为了避免这个错误。