Home > Backend Development > PHP Tutorial > 翻页时只刷新页面中指定的DIV 中的数据,而页面其他div则不动....

翻页时只刷新页面中指定的DIV 中的数据,而页面其他div则不动....

WBOY
Release: 2016-06-23 14:19:06
Original
1305 people have browsed it

有这样一个需求,就是翻页时只刷新页面中指定的DIV 中的数据,而页面其他div则不动....急,在线等............另外我这样翻页

  •  首页
  •  还是会刷新整个页面的

    回复讨论(解决方案)

    想要不刷新整个页面  那最好的办法就是使用ajax

    点击翻页按钮,用ajax将查询条件和选中页码提交到PHP,PHP查询,组合结果后返回前台JS  前台JS处理返回的数据后替换掉指定的DIV

    想要不刷新整个页面  那最好的办法就是使用ajax

    点击翻页按钮,用ajax将查询条件和选中页码提交到PHP,PHP查询,组合结果后返回前台JS  前台JS处理返回的数据后替换掉指定的DIV
    我是用织梦的东西做的,在一个模板里面有两处需要分页的,而我的分页数据是在common.func.php 中写的函数返回来的的值在模板中的....按照我这种需求应该怎么写ajax无刷新分页呢....最好是能贴点代码好自己研究下...

    而我的分页数据是在common.func.php 中写的函数返回来的的值在模板中的

    是说返回的就是渲染好的html吗?  那更好,获取这个html直接插入到对应位置

    而我的分页数据是在common.func.php 中写的函数返回来的的值在模板中的

    是说返回的就是渲染好的html吗?  那更好,获取这个html直接插入到对应位置
    对返回来的就是html 

    用 jq 可以轻松完成

    $(function() {  $('a').click(function(){    $('#test').load(this.href)    return false;  });});
    Copy after login

    这样就把原来的跳转变成局部刷新了
    test 就是你需要局部刷新的div的id

    当然你会发现div中显示的是原来的整个页面,所以你需要修改目标程序,让他值返回需要的内容

    要不刷新的话就用ajax吧,采用异步刷新

    用ajax。。下一页
    <script> <br /> function pageNext(Id) <br /> { <br /> .... <br /> ajax.call("page.php?page="+Id,resPagedo,'Post','json'); <br /> } <br /> function resPagedo(result) <br /> { <br /> 把数据加到div中。 <br /> } <br /> </script>

    .......大概就是这么个过程

    有这样一个需求,就是翻页时只刷新页面中指定的DIV 中的数据,而页面其他div则不动....急,在线等............另外我这样翻页

  •  首页
  •  还是会刷新整个页面的
    我记得好像可以用iframe来做,你把要刷新的地方做一个iframe,分页的时候就只会刷新该区域!!!可以试试

    ajax首选,不过也可以放在iframe,但是还是要用到ajax。

    source:php.cn
    Statement of this Website
    The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
    Popular Tutorials
    More>
    Latest Downloads
    More>
    Web Effects
    Website Source Code
    Website Materials
    Front End Template