Question

I don’t know if this is possible but I’d like to refresh the contents in a div when a button is clicked.

Example:

 <div id="div"> 
 Some contents
</div>
<input type="button" value="button" onClick="div.refresh()"/>

I’m not trying to change the contents of the div just to refresh only that part of the page.

Is this possible?

Answer 1

In the following example, the jQuery load function returns the content of the site page.html, searches the DOM element (here with id div2) and remembers the HTML content. The HTML content of the main selected DOM element (here with id div1) is replaced with the new content.

$('#div1').load('page.html #div2');

The following code will replace your div html with the current content.

function div_refresh() {
    $('#div').load(window.location.href + ' #div');
}

Also see my example.