未捕获的类型错误：Ajax 调用后无法读取未定义的属性“appendChild”

Question

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

$(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);
            }
        });
    });
});