javascript - 在 div 中显示加载动画

Question

如何使用 jquery 将一个 div 插入另一个 div？我正在尝试用加载 div 替换我的 div 的内容，直到 ajax 调用返回。

<div id="content1>foo</div>
<div id="content2>bar</div>
<div id="loadingDiv" class="loading-indicator"></div>

我有一个常见的 ajax 请求器，它接受一个 div id 和请求 url，当请求完成时它填充 div 内容 -

        MyCommon.GetAjaxCall(fetchUrl, data)
        .done(function (responseData) {
            // On success, put content
            $(responseContainer).html(responseData.View);
        })

理想情况下，我只想在输入函数调用时填充 responseContainer 的内容，以在 div 中显示加载动画，并在 ajax 完成时将其替换为响应内容。

我尝试添加 $(responseContainer).html($("#loadingDiv").show()); (+一些变体)并且还尝试在上面的 GetAjaxCall 之前添加 appendChild 但都没有那些工作。我正在尝试使用仪表板样式的页面布局，每个 div 中填充的数据彼此独立，并且仍然显示相同的加载动画。我是不是以正确的方式思考这个问题？

Answer 1

应该做到以下几点:

   $('#content1').append($('#loadingDiv')); 

如果你想通过 .html 来做，那么确保你这样做

 $('#content1').html($('#loadingDiv').html())