How can I refresh a specific div after Ajax response?

Question

The problem is that I want to refresh a specific div after the Ajax response successfully recently I am using:

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

This will refresh whole parent div not specific child_div I have been use these

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

Any suggestion regarding this particular issue?

possible duplicate of [refresh div with jquery](http://stackoverflow.com/questions/10427573/refresh-div-with-jquery) — Sapikelio, Jul 30 '15 at 05:56

score 1 · Answer 1 · answered Jul 30 '15 at 07:16

AJAX is the art of exchanging data with a server, and updating parts of a web page - without reloading the whole page. This Art comes to life when we were able refer to the tagName of DOM nodes i.e.,Element.You can allow or restrict any ajax response to be refreshed with this elements.

<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>

Any how this Demo is to specify Elements usage to your example.Where You Can Perform same thing on Ajax call Success. Working Demo

score 0 · Answer 2 · edited Jul 30 '15 at 07:14

I assume you want to update a specific element on page with response of ajax call(or some manipluation etc). On ajax success or error event, set the specific element html using methods html or append as shown below:

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

or if you want to append then:

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

here the html, append word will replace the element content with the content you provided as string ("Ajax response came as success"). The content can inculde html div or simple text . Here in example "myelement" is id of the html element.

For example:

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

Krishnadev P Melevila · Answer 3 · 2021-02-23T08:24:59.587

0

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

to load a specific div, add the div you need to refresh on first section(ie; where i added child div) and now load is a function to load page, where location means current location and parent div is the content of page to be loaded

edited Feb 23 '21 at 08:24

answered Feb 22 '21 at 06:43

Krishnadev P Melevila

39
1
7

Please add some explanation to your answer such that others can learn from it – Nico Haase Feb 22 '21 at 07:27

How can I refresh a specific div after Ajax response?

3 Answers3