是否可以使用Ajax动态替换页面?

时间:2014-04-30 13:08:44

标签: javascript jquery html ajax

见:

$("#anyselector").click(function(){
 $("html").load("http://www.aurl.com html"); 
});

修改

DAMN IT!抱歉!我没有提到它在同一个领域完成!!!!

听起来很愚蠢。但我希望你能得到我想要实现的目标。是吗?

3 个答案:

答案 0 :(得分:0)

根据jQuery's documentation

  

由于浏览器安全限制,大多数" Ajax"请求受原始政策的约束;请求无法从其他域,子域,端口或协议中成功检索数据。

这意味着您只能将自己服务器上托管的部分加载到页面中。

但是, This SO answer 有一些跨域解决方法。

答案 1 :(得分:0)

有些图书馆可以执行此操作,例如PJAXTurboLinks。它们不会替换页面的整个HTML,而是替换bodytitle标记,以及其他元标记和网址。他们不跨域工作。

这些库背后的想法是通过阻止浏览器再次请求资产来加快页面加载时间,通常可以在head中找到。

他们还采用了一些缓存策略来为页面提供几乎实例响应。

答案 2 :(得分:0)

这个怎么样??

 $(document).ready(function () {
    var url = "<iframe src ='http://www.asp.net' style='width:100%;height:100%;margin:0;padding:0;'></iframe>";
    $('body').append(url);
});