Question

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

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

这将刷新整个父div不具体child_div我一直在使用这些

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

有关此特定问题的任何建议吗？

Answer 1

AJAX是与服务器交换数据和更新网页部分的艺术 - 无需重新加载整个页面。当我们能够引用DOM节点的tagName，即元素时，这种艺术变得生动。您可以允许或限制使用这些元素刷新任何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>

这个Demo如何为你的例子指定元素用法。你可以在Ajax上执行相同的操作调用Success。 Working Demo

Answer 2

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

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

或者如果你想追加：

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

这里的html，append word将用你提供的内容替换元素内容作为字符串（＆＃34; Ajax响应来自成功＆＃34;）。内容可以包含html div或简单文本。这里以示例＆＃34; myelement＆＃34;是html元素的id。

例如：

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

Answer 3

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

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

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

3 个答案: