未捕获的TypeError：在Ajax调用后无法读取未定义的属性'appendChild'

Question

我想用新的Ajax响应html替换html，但是此错误在控制台中显示，并且我的脚本文件未正确加载。 显然，此错误来自文件“ jquery-1.10.1.min.js”。 以下是我的ajax代码，我曾经在成功函数中用html替换过。

$(function() {
         $('#addcustomer-done').click(function() {

       var formData = new FormData($('#submit_form')[0]);

       //---------------------- AJAX CALL 1 -----------------------------------------//
       $.ajax({
            // headers : {
                      // 'X-CSRF-Token' : document.getElementsByName('csrfmiddlewaretoken')[0].value
                  // },
            url : "/savecustomer/",
            type : "POST",

             data:formData,
             contentType: false,
             cache: false,
             processData: false,
             async: false,

             cache:false,
             contentType: false,
             processData: false,


            success : function(data) {
                alert(data);

                $("html").html("");
                $("html").html(data);
            }

我是ajax的初学者。 请指导我如何摆脱这个错误。 提前致谢。

Answer 1

不要清除html标记内的元素。 使用dom中存在的元素来附加值。 还要从ajax中删除async:false 。 因为ajax应该异步运行。

$(function() {
    $('#addcustomer-done').click(function() {
        var formData = new FormData($('#submit_form')[0]);
        $.ajax({
            url: "/savecustomer/",
            type: "POST",

            data: formData,
            success: function(data) {
                console.log(data);
                $("#id of element inside tab").append(data);
            }
        });
    });
});