Code Snippet
Load Only a Section of a Page
Use Case
You want to AJAX load a section of another page on your site onto the current page. Say your eCommerce CMS system creates a dynamic menu of products, but that exists as a subdirectory of your site and you want to use that on the homepage.
jQuery
$("#mainNav").load("/store #mainNav")The first param is the URL (only works for same-domain requests!) and the second (well, technically it's still part of the first, separated by a space) is a jQuery selector of the part to load. Not passing the second selector param will load the entire page. There is an optional third parameter, a callback function, which will run when the load is complete.
This is a great way to run a mobile variant of your page. It will always be up to date then.
Hmm, I tried using this with the div that ‘sidebar.php’ loads within and it doesn’t work.
My code looks like this:
$(document).ready(function(){
$(“#left_col”).load(“/store #left_col”)
});
Any ideas?
try path/file.php beside /store
it seems it doesn’t work on ie7 when you try to load html5 selectors as section or article
can i partially load a part of another page in other site on other domain?