Question

我有一个php页面，显示来自多个MySQL查询的表格，并使用JavaScript函数对列结果进行排序，一切正常，我的问题是我需要每隔10秒刷新一次查询的结果或所以工作正常（使用元刷新），问题是列排序后刷新。当页面刷新时，排序也被重置。这是排序函数的片段;

    <script>
    function tablesort(which){  <-----I tried using the $_GET method you suggested
                                <-----But i get a "missing formal parameter" error
                                <-----When also using this suggestion and use the
                                <-----"onclick" i get a "tablesort" is not defined
                                <-----error
$(document).ready(function(){
if(which == '1.0'){<!--This sorts the pause row, descending --> 
$("#Mtable").tablesorter({sortList: [[1,0]]});
}
if(which == '2.1'){<!--This sorts the total dialer row, descending --> 
$("#Mtable").tablesorter({sortList: [[2,1]]});
}
if(which == '3.0'){<!--This sorts Wrap-up time row, descending --> 
$("#Mtable").tablesorter({sortList: [[3,0]]});
}
if(which == '4.1'){<!--This sorts donation amount row, descending --> 
$("#Mtable").tablesorter({sortList: [[4,1]]});
}
if(which == '5.1'){<!--This sorts Up-sale row, descending --> 
$("#Mtable").tablesorter({sortList: [[5,1]]});
}
if(which == '6.1'){<!--This sorts the Monthl donation row, descending --> 
$("#Mtable").tablesorter({sortList: [[6,1]]});
}
if(which == '7.1'){<!--This sorts the verified sales row, descending --> 
$("#Mtable").tablesorter({sortList: [[7,1]]});
}
if(which == '8.1'){<!--This sorts the calles per hour row, descending --> 
$("#Mtable").tablesorter({sortList: [[8,1]]});
}
if(which == '9.1'){<!--This sorts the payments per hour row, descending --> 
$("#Mtable").tablesorter({sortList: [[9,1]]});
}
if(which == '10.1'){<!--This sorts the average sale row, descending --> 
$("#Mtable").tablesorter({sortList: [[10,1]]});
}
if(which == '11.1'){<!--This sorts the sales total row, descending --> 
$("#Mtable").tablesorter({sortList: [[11,1]]});
}
    });
    }
    </script>

这里是对表'

进行排序的链接

        Sort by: 
<a onclick="tablesort('1.0')"> Lowest Pause<a/>&nbsp &nbsp
<a onclick="tablesort('2.1')"> Highest Dialer<a/>&nbsp &nbsp
<a onclick="tablesort('3.0')"> Best Wrap-up<a/>&nbsp &nbsp

因为刷新我希望将onlcick中的变量数据传递给类似于$ _GET的URL，所以它会像是一样，然后读入排序函数;

localhost / dbtabke.php？which = 2.1＆lt; ----正在使用的URL示例

任何有关如何做到这一点的帮助都将非常感谢，提前感谢。

@prabeen giri我已经提供了完整的功能，再次感谢

Answer 1

您不一定要使用GET方法来保留排序顺序。

您还可以使用cookie来存储排序顺序。这样，您的代码看起来会更清晰。

function setCookie(c_name,value,exdays)
{
var exdate=new Date();
exdate.setDate(exdate.getDate() + exdays);
var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString());
document.cookie=c_name + "=" + c_value;
} 

function getCookie(c_name)
{
var i,x,y,ARRcookies=document.cookie.split(";");
for (i=0;i<ARRcookies.length;i++)
{
  x=ARRcookies[i].substr(0,ARRcookies[i].indexOf("="));
  y=ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1);
  x=x.replace(/^\s+|\s+$/g,"");
  if (x==c_name)
    {
    return unescape(y);
    }
  }
}

在对订单进行排序时调用setCookie()函数并将排序顺序作为参数传递。

当页面第一次加载或刷新时，调用相同的排序函数并调用getCookie()以获取cookie值并在排序之前将其设置为排序顺序。

如果你想使用GET，这也可以完成工作页面刷新时，我希望您在文档准备好时调用此函数tablesort()。

tablesort('<?php print $_GET['MTable']?>') ;

注意：在tablsort()函数中检查参数是否有效，因为当页面第一次加载时，GET变量将为空，我相信

Answer 2

我结束了使用$ _GET执行以下操作，这是代码;

    <body>
    <!--This gets the element from the URL to set the Sorting, so the page
        can be refreshed without losing the sorting-->
    <body onload="sorttable.innerSortFunction.apply(document.getElementById('<?php echo $_GET["id"]; ?>'), [])">

    <!--table headers that are used to determine columns to sort by-->
    echo "<th id=\"dialertime\">".ucfirst("Dial Time")."</th>\n";
    echo "<th id=\"pausetime\">".ucfirst("Pause Time")."</th>\n";

    ...*other table info*
    <!--links that sort the specific row-->
    <a href="?id=wrap-by-time"> Wrap-up time<a/>&nbsp &nbsp
    <a href="?id=wrap-by-percent"> Wrap-up %<a/>&nbsp &nbsp
    </body>

感谢大家的意见，希望有所帮助

将$ _GET变量传递给javascript函数

2 个答案: