如何在 Ajax 響應后刷新特定的 div？

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 即Element時，這項藝術就變得生動起來。您可以允許或限制任何 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>

此演示如何為您的示例指定元素用法。您可以在 Ajax 調用成功時執行相同的操作。 工作演示

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 將用您作為字符串提供的內容替換元素內容（“Ajax 響應成功”）。 內容可以包括 html div 或簡單的文本。 在示例中，“myelement”是 html 元素的 id。

例如：

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

Answer 3

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

要加載特定的 div，請在第一部分添加您需要刷新的 div（即我添加子 div 的地方），現在 load 是一個加載頁面的函數，其中 location 表示當前位置，父 div 是頁面的內容加載