如何在另一个页面中获取外部页面的HTML

时间:2012-02-24 08:15:04

标签: jquery html html5 javascript-events ecmascript-5

我有一个简单的HTML页面来显示其他页面。当请求进入页面时,页面内部调用另一个页面和视图称为页面内容。

我已尝试用IFrame完成,但IFram有宽度和高度问题。我们必须指定IFrame元素的宽度或高度。由于调用的页面宽度和高度未知,我们无法指定IFrame的宽度和高度。

我想获取被调用页面的HTML并将其放在div或其他元素中以显示在调用者页面中。

任何帮助将不胜感激。

2 个答案:

答案 0 :(得分:2)

使用JQuery load()方法。它仍然是背景中的IFrame,但有更多选择。

答案 1 :(得分:0)

jQuery解决方案

function fetch_archive(event) {
   $.ajax({
 url:thePage.html,    
 cache:false,
 success:function(data){
         $("#monthly-post-container").html(data); 
       },
   error:ajaxFailure           
});   

}

 function ajaxFailure(){
  alert("oops something went wrong");  
   }