How To Refresh A Div?

Most of the examples I have found explain how to refresh a div with text or with another page. I just want to reload the div again after click on a button. How can I do this using

Solution 1:

With AJAX.

If you use jQuery, it's as simple as $('#mydiv').load(url)

Solution 2:

Any change to the DIV element is stored in the DOM of the page is displayed immediately. You do not need to do anything for that. However, the old state of the DIV after the change is lost. You need to store it somewhere and setup it again to make it visible.

Solution 3:

Please call a ajax function on click of the button and set the innerHTML property of the div with return result.

Solution 4:

<scriptsrc="/js/jquery-1.3.2.min.js"type="text/javascript"></script>

So we just place this little JS code snippet into our page to refresh everything inside the tag with the content id, let’s say every 5 seconds:

setInterval(function() {
    $("#content").load(location.href,"");
}, 5000);