首页 >后端开发 >php教程 >翻页时只刷新页面中指定的DIV 中的数据,而页面其他div则不动....

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

WBOY
WBOY原创
2016-06-23 14:19:061324浏览

有这样一个需求,就是翻页时只刷新页面中指定的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;  });});

    这样就把原来的跳转变成局部刷新了
    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。

    声明:
    本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn