Jquery 如何使用AJAX将DIV内容替换为其他内容

我对AJAX/JQuery完全陌生，但我在我的Web应用程序中非常需要它。 我正在尝试用新内容替换DIV

举个例子，我有这个DIV

<div id="container">Container Contents</div>

容器内容

我想用完全来自提交表单的新内容替换内容“容器内容”。因此，当用户单击Submit时，表单的结果将加载到DIV中并替换现有内容，并且应该有一种加载动画来显示后台正在发生的事情

很抱歉，我没有在代码中提供详细信息，就像我说的，我是AJAX/JQUERY新手。

---

谢谢

我想你在找这样的东西：

<script>
$( "yourDiv" ).html( "<b>Wow!</b> Such excitement..." );
$( "yourDiv b" )
  .append( document.createTextNode( "!!!" ) )
  .css( "color", "red" );
</script>

element.innerHTML = 'new content';

$("#YourDivIdOrName").html(your content as a string);

你也可以研究这个问题：公认的答案显示了很多好的信息

---

关于Megajin，使用JQuery，您可以使用

.remove（）

和

.append（）

函数

试着这样做：

$('#formId').on('submit', function (e) {
    e.preventDefault();

    $.ajax({
        url: '/route',
        method: 'post',
        data: $(this).serialize(),

        success: function() {
            $('#elementYouWantRemove').remove();
            $('#whereYouWantAddNewContent').append('<p> New content </p>')
        }
    })
});

$（'formId'）。关于（'submit'，函数（e）{
e、 预防默认值（）；
$.ajax({
url:“/route”，
方法：“post”，
数据：$（this）.serialize（），
成功：函数（）{
$（“#element youwant移动”）.remove（）；
$（“#whereYouWantAddNewContent'）。追加（“新内容”
”）
}
})
});

如果您想给它一个HTML内容或文本内容，我建议您使用如下内容：

<script>
$( "yourDiv" ).html( "<b>Wow!</b> Such excitement..." );
$( "yourDiv b" )
  .append( document.createTextNode( "!!!" ) )
  .css( "color", "red" );
</script>

element.innerHTML = 'new content';

$("#YourDivIdOrName").html(your content as a string);

但是，如果您想从另一个页面加载内容，我建议您使用如下内容：

$("#YourDivIdOrName").load("Your content page url");

---

可能是谷歌it的复制品，尝试一些东西——然后问一个问题，如果你尝试的东西不起作用。