Javascript 在Ajax响应之后，如何刷新特定的div？

问题是，我想在最近使用的Ajax响应成功后刷新特定的div：

$("#parent_div").load(location + "#child_div")

这将刷新整个父div not specific

child\u div

我一直在使用这些

$("#parent_div").load(location + "#child_div")
$("#parent_div").reload(location + "#child_div")
$("#child_div").reload(window.location + "#child_div")

---

关于这个特殊问题有什么建议吗？

我假设您想用ajax调用（或一些操作等）的响应更新页面上的特定元素。在ajax成功或错误事件中，使用方法或设置特定元素html，如下所示：

 jQuery("#myelement").html("Ajax response came as success");

或者，如果要追加，则：

 jQuery("#myelement").append("Ajax response came as success");

在这里，html、append-word将用您提供的字符串形式的内容替换元素内容（“Ajax响应成功”）。内容可以包括html div或简单文本。这里的示例“myelement”是html元素的id

例如：

 <div id="myelement"></div>

---

AJAX是一种与服务器交换数据、更新部分网页的技术，而无需重新加载整个网页。当我们能够引用DOM节点的标记名，即元素时，这项技术就开始发挥作用。您可以允许或限制使用这些元素刷新任何ajax响应

<div id="parent_div">
    <span class="parenttexthere">Parent Div Text </span>
    <div id="child_div" >
        <span class="childtexthere">Child Div Text </span>
    </div>
</div>
<br/>
<button> Refresh</button>
<script>
var i=1;
$('button').on('click',function(){
    var data="Parent Div Data Changed "+i+ " times";

    $("#parent_div .parenttexthere").hide().html(data).fadeIn('fast');
    i++;
               });
</script>

父Div文本
子Div文本


刷新
var i=1；
$（'button'）。在（'click'，function（）上{
var data=“父Div数据更改”+i+“次数”；
$（“#parent#div.parenttexthere”）.hide（）.html（data.fadeIn（'fast'）；
i++；
});

这个演示如何为您的示例指定元素使用。在这里，您可以对Ajax调用成功执行相同的操作。

---

要加载特定的div，请在第一节（即，我添加了子div的地方）添加需要刷新的div，现在load是一个加载页面的函数，其中location表示当前位置，parent div表示要加载的页面内容

您为什么不能直接提供子div的id的可能重复项请在您的答案中添加一些解释，以便其他人可以从中学习

$("#child_div").load(location + "#parent_div")