浅谈iframe与ajax

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了浅谈iframe与ajax相关的知识,希望对你有一定的参考价值。

  在我们浏览的网页中,网页头部和网页脚部是不会根据页面主体内容的刷新而刷新的。为了达到只刷新页面主体内容部分,头尾不刷新的目的,我了解到的有两种方法,分别是iframe和ajax。

  把你不需要刷新的页面部分用iframe标签包住就可以实现页面局部刷新,但是iframe也有浏览器兼容的问题,所以这个方法要慎用。

  比如:

  <iframe width=  height= src=></iframe>

  除了iframe这个方法外,还可以用ajax,这个是我个人极力推荐的一种。

  $().readey(function(){

   $.ajax(

      type:"POST",

      url:"",//刷新到的页面

      data:"",//传输的数据

      dataType:"",//数据类型

      success:function(){

      //加载局部更新页面

      },

      erro:function(){

        alert("erro");

      }

    );

  })

以上是关于浅谈iframe与ajax的主要内容,如果未能解决你的问题,请参考以下文章

与 iframe 交互时保持父级滚动

JS 获取 iframe内元素,及iframe与html调用

如何同步iframe与嵌入内容的高度

iframe与后台交互后,返回页面显示的问题

包裹iframe的div与iframe存在高度差的问题解决方案

与特定内容共享 iframe