How to reload a div without reloading the entire page?
jQuery.load() is probably the easiest way to load data asynchronously using a selector, but you can also use any of the jquery ajax methods (get, post, getJSON, ajax, etc.)
Note that load allows you to use a selector to specify what piece of the loaded script you want to load, as in
$("#mydiv").load(location.href + " #mydiv");
Note that this technically does load the whole page and jquery removes everything but what you have selected, but that's all done internally.
$("#div_element").load('script.php');
demo: http://sandbox.phpcode.eu/g/2ecbe/3
whole code:
<div id="submit">ajax</div> <div id="div_element"></div> <script> $('#submit').click(function(event){ $("#div_element").load('script.php?html=some_arguments'); }); </script>
Use this.
$('#mydiv').load(document.URL + ' #mydiv');
Note, include a space before the hastag.