ajax 多次附加到同一个 div

Question

假设我有一个局部视图，它只是一个用于输入一些数据的编辑器框（asp.net 应用程序）

@Html.Editor("New", new { htmlAttributes = new { @class = "my_editor" } })

在我的主视图中，我想使用上面提到的部分视图更新一个部分，使用 ajax 调用。

<div id="editor_section"></div>

我的问题是，是否可以使用相同的局部视图连续附加到相同的 div。也就是说，我调用了一次ajax，就出现了一个新的输入框。然后我再次单击 ajax 链接，显然第二个输入框来自同一个局部视图。每次在其他输入框下方附加一个新输入框时，我应该能够继续执行此操作多次。

Answer 1

是的，这是可能的，但效率不高。您应该只需要进行一次 AJAX 调用，然后您可以将从部分视图中获得的 html 缓存在 JavaScript 变量中，因此当您稍后附加它时，您不必往返于服务器进行检索您已经请求的 HTML。

类似：

var inputHtml = null;

var appendInput = function () {
    if (!inputHtml) {
        $.get('/input', function (data) {
            inputHtml = data;
            $('#someDiv').append(inputHtml);
        });
    } else {
        $('#someDiv').append(inputHtml);
    }
};