Php Ajax调用自动完成html，将其插入带有innerHTML的页面中。表格不'；行不通

我正在开发一个网站。我想输入一些html代码，由php页面使用ajax innerHTML生成。 它的作品，由php生成的网页被加载，但修改的网页，我想上传。 主要的问题是我有一个表单，它必须包含一个按钮，才能提交请求。 如果我打开php页面，按钮在和之间，但是当这个页面用innerHTML加载到另一个页面时，表单不包含按钮，它会立即关闭，就像关闭按钮一样

这是最新代码的ajax函数

$(document).ready(function () {
    $("#selection").change(function () {
        $("#body").empty();
        var selected = $(this).children("option:selected").val();
        $.ajax({
            url: 'getStatistic.php',
            method: 'POST',
            data: { player: selected },
            success: function (data) {
                document.getElementById("body").innerHTML += data;
            },
        });
    });
});

结果是

---

这里是代码中的另一个按钮，我假定您希望将AJAX调用中的响应数据附加到id为“body”的元素中

如果查看，您可以看到，在指定值时，它会清除元素的所有子体：

一个DOMString，包含元素 后代。设置innerHTML的值将删除所有 元素的子体，并将其替换为由 解析字符串htmlString中给定的HTML

因此，由于您已经在使用Jquery，您可能希望使用它将HTML添加为目标元素的最后一个子元素

$('#body').append(data);