博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
文章列表正序、反序排列——利用JS动态改变跳转网址
阅读量:6171 次
发布时间:2019-06-21

本文共 1614 字,大约阅读时间需要 5 分钟。

JS代码如下:

<thead>

<tr>
<th><input class="check-all" type="checkbox" name="id[]" value="0" οnclick="setCheck(this)" /></th>
<th><a οnclick="order_by('userid')">用户</a></th>
<th><a οnclick="order_by('title')">新闻标题</a></th>
<th><a οnclick="order_by('content')">新闻内容</a></th>
<th><a οnclick="order_by('hots')">点击</a></th>
<th><a οnclick="order_by('categoryid')">新闻类别</a></th>
<th><a οnclick="order_by('addtime')">添加时间</a></th>
<th>管理</th>
</tr>
</thead>
<script>
function order_by(obj)
{
//抓取当前网址
var url = window.location.toString();
var newurl; //申明变量作为新的跳转网址
//split()按照指定字符串切割成数组
var arr = url.split('?');
var weburl = arr[0];
//当前URL中不包含任何参数时
if(!arr[1])
{
newurl = url+'?order='+obj;
}else
{
//当前URL中包含一组参数由&连接起来,将当前的参数用&符号切割成数组
var model = arr[1].split('&');
var result = false;
//遍历数组
for(var i=0,len = model.length; i<len;i++)
{
//查找是否有一个成员,开头的字符串写的是'order='
if(model[i].indexOf('order=')==0)      indexOf 方法返回一个整数值,指出 String 对象内子字符串的开始位置。如果没有找到子字符串,则返回 -1。
{
//如果有,就把result改成true
result = true;
break;
}
}
//当网址参数没有包含oreder这个参数时,加上该参数,正序排列
if(!result) //!result == true,因此result为true时运行函数,result为false时,不运行。
{
newurl = url+'&order='+obj;
}else
{
if(model[i] == 'order=' + obj) //当网址参数包含oreder=obj时,修改该参数为反序排列
{
model[i] += ' DESC';
}else //前面用split('&')将参数切割成了数组,现在用join()将参数组合成字符串
{
model[i] = 'order=' + obj;
}
newurl = weburl + '?' +model.join('&');
}
}
window.location = newurl;
}
</script>

根据传入的URL参数值,可以自动在数据库里按正序或者倒序检索数据:

$order = $_GET['order']? $_GET['order']:'id DESC';

$sql="SELECT * FROM `news` $where ORDER BY $order";

转载于:https://www.cnblogs.com/futan/archive/2012/12/23/js-change-list-pailie.html

你可能感兴趣的文章
android自定义属性
查看>>
ERROR 1114 (HY000): The table 'table1' is full
查看>>
知乎网友神回复:哪怕是平时聊天吹牛的也没见程序员晒,这是为什么呢?
查看>>
Android实训案例(三)——实现时间轴效果的ListView,加入本地存储,实现恋爱日记的效果!...
查看>>
phalapi-进阶篇2(DI依赖注入和单例模式)
查看>>
MySQL 5.7.5 : GTID_EXECUTED系统表
查看>>
Hybrid框架UI重构之路:四、分而治之
查看>>
【原创】Valgrind 基础
查看>>
Es6系列之destructuring assignments
查看>>
CSS ID选择器与CLASS选择器
查看>>
mysql 索引B-Tree类型对索引使用的生效和失效情况详解
查看>>
指针的看法
查看>>
Cocos-2d 坐标系及其坐标转换
查看>>
LAMP网站的CACHE机制概要
查看>>
[MySQL 5.6] 5.6新参数slave_rows_search_algorithms
查看>>
ESXi5.1嵌套KVM虚拟化环境支持配置
查看>>
爬虫的小技巧之–如何寻找爬虫入口
查看>>
JVM学习(二)垃圾收集器
查看>>
为hexo博客添加基于gitment评论功能
查看>>
java 库存 进销存 商户 多用户管理系统 SSM springmvc 项目源码
查看>>