14,974
edits
(→usage) |
|||
| Line 1: | Line 1: | ||
Multiple approaches for including the content from other webpages | Multiple approaches for including the content from other webpages | ||
= | = Usage = | ||
# seperate the navigation and content into two parts | # seperate the navigation and content into two parts | ||
# compare the content from two webpages | # compare the content from two webpages | ||
== Comparison of iframe and ajax == | |||
# Load data<ref>[https://stackoverflow.com/questions/382662/what-are-the-differences-between-using-an-iframe-and-ajax-to-include-the-content What are the differences between using an iframe and ajax to include the contents of an external page? - Stack Overflow]</ref> | |||
#* iframe: available | |||
#* ajax: available | |||
# CSS rules were infected from original page called | |||
#* iframe: No | |||
#* ajax: Yes, Need to consider the CSS issue {{exclaim}} | |||
# Callback actions called after loaded the content | |||
#* iframe: Available<ref>[https://stackoverflow.com/questions/164085/javascript-callback-when-iframe-is-finished-loading events - Javascript callback when IFRAME is finished loading? - Stack Overflow]</ref> ''not verified'' | |||
#* ajax: Available<ref>[http://api.jquery.com/jquery.ajax/ jQuery.ajax() | jQuery API Documentation]</ref> | |||
= client-side approach = | = client-side approach = | ||