javascript - 用jquery实现表格行 置顶之后 如何跟后台用ajax交互 在刷新之后仍保持当前位置?
PHP中文网
PHP中文网 2017-06-26 10:54:48
0
2
720

如题所示,在每行的后面有一个top按钮,点击置顶,由于有settimeout自刷新,并重新获取数据,所以这个置顶位置并不能保持,每次刷新之后就没有效果了

代码:

$(".top").click(function(){ 
        var $tr = $(this).parents("tr"); 
        $tr.fadeOut().fadeIn();
        $("tbody").prepend($tr); 
        $(this).css({"color":"red","font-weight":"bold"});
}); 

其实这部分代码对解决问题没什么作用,主要还是想知道如何与后台交互 或者在前台影响全局变量,从而保持当前置顶位置

PHP中文网
PHP中文网

认证高级PHP讲师

全部回复(2)
習慣沉默

得看看你这个置顶是永久性的还是一时性的!

  • 如果是永久性的置顶,那你的数据肯定是存储在数据库里的,并且有个字段用来标识该条数据是否为置顶数据,绑定到前端的时候,通过标识来判断这条数据是否置顶,这个就完全不需要前端来考虑这个问题吧?你在前端只不过是把这部分数据展示而已。

  • 如果你的置顶只是一时性的,你可以在每次请求ajax数据之前,获取到置顶数据行的某列数据作为标识(这 个由你自己来定,不过该列的值必须是唯一的),然后再去请求ajax数据,在绑定的时候,用你存储下来的标识跟请求到数据进行判断,相等的话就把改行数据设置为置顶。(感觉写这种置顶没多大意义, 因为这种置顶数据只有你自己能看的到,要是你把页面关闭了一样没用,毕竟不是永久性的)

代言

直接叫你们后台写个接口,当你点击置顶的时候,把这条数据的id传到后台,再让后台把它排到第一条数据返回给你,这样即使有settimeout你接收到的也是你置顶后的数据啦

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!