Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
JQuery和实时表更新_Jquery_Json_Ajax_Html Table_Tablesorter - Fatal编程技术网

JQuery和实时表更新

JQuery和实时表更新,jquery,json,ajax,html-table,tablesorter,Jquery,Json,Ajax,Html Table,Tablesorter,我想知道是否有人可以为我提供一些关于表操作的示例或示例代码,我正在尝试实现这些操作,但还没有破解 我目前有一个正在生成的数据表,它是使用PluginforjQuery排序和显示的 我想添加这些额外的功能 每隔几秒钟使用任何新数据自动更新表(无需刷新页面),并保持排序。我可以创建PHP脚本来为新数据输出json,但不知何故,我需要将显示的最后一行的id发送给它(以便我可以找到要显示的新行) 一旦添加了一个新行(理想情况下是平滑的过渡,比如淡入淡出),它就会有一个css类“new”或者一些赋予它新颜

我想知道是否有人可以为我提供一些关于表操作的示例或示例代码,我正在尝试实现这些操作,但还没有破解

我目前有一个正在生成的数据表,它是使用PluginforjQuery排序和显示的

我想添加这些额外的功能

  • 每隔几秒钟使用任何新数据自动更新表(无需刷新页面),并保持排序。我可以创建PHP脚本来为新数据输出json,但不知何故,我需要将显示的最后一行的id发送给它(以便我可以找到要显示的新行)
  • 一旦添加了一个新行(理想情况下是平滑的过渡,比如淡入淡出),它就会有一个css类“new”或者一些赋予它新颜色的东西
  • 新颜色将在页面保持焦点的15秒内褪色为正常的表格样式(删除类别)
  • 如果页面没有焦点且存在新数据(即,在后台刷新,但用户正在查看另一个窗口/选项卡),则会等待用户将焦点放在窗口/选项卡上,然后按照第3节所述将淡入正常颜色
  • 我希望这已经很清楚了,我最怀疑的部分是焦点问题的第4点,但我认为facebook似乎通过他们的实时新闻提要做到了这一点。它似乎不会更新,直到我有了焦点的窗口(或者我认为是这样)

    任何帮助和指导都将不胜感激

    我的表格如下:

    <table class="tablesorter" cellspacing="1"> 
        <thead> 
        <tr> 
            <th>ID</th> 
            <th>lid</th> 
            <th>Time</th> 
            <th>Season</th> 
            <th>Keyword</th> 
            <th>Campaign</th> 
            <th>IP</th>         
        </tr> 
        </thead> 
        <tbody> 
            <tr> 
                <td class="id">6875</td> 
                <td class="lid">-----</td> 
                <td class="time">28 Nov 09 16:35:24</td> 
                <td class="season">xxx xxx</td> 
                <td class="keyword">xx xx xxxx</td> 
                <td class="campaign">xxx</td> 
                <td class="ip">xx.xx.xx.xx</td> 
            </tr>
        <tbody> 
    <table>
    
    
    身份证件
    盖子
    时间
    时令
    关键词
    运动
    知识产权
    6875
    ----- 
    11月28日09:16:35:24
    xxx xxx
    xx xx xxxx
    xxx
    xx.xx.xx.xx
    
    1:要在JavaScript中每隔几秒钟触发一次事件,请使用。使用过滤器帮助您抓取最后一行。将id存储在最后一行中的隐藏输入字段中

    2:上次我尝试时,淡入淡出和向下滚动在表行上效果不好。为了让这个功能发挥作用,我不得不创建一些非常难看的黑客,比如每行创建一个全新的
    。也许jQuery的最新版本有所改进?查看可设置内容动画的方法列表

    3:您可以使用回调实现这一点,就像使用淡入淡出、向下滚动和其他效果一样

    4:我没有检测窗口焦点的经验,尽管看起来确实有一些资源可以帮助你。以下是几点:

    您应该能够使用
    $。使用动画方法更改相关行的背景颜色或颜色,例如