@{
Layout = null;
} <!DOCTYPE html> <html>
<head>
<meta name="viewport" content="width=device-width" />
<title>AjaxPage</title>
<script src="/Scripts/jquery-1.7.1.js"></script>

<style>
li {float:left;list-style:none
}
</style>

12     @*JS分页: 界面中需要一个id为uu1的<ul>标签作为页码的盛放地*@
13 <script type="text/javascript" >
14 function Pager(urlFormat, totalSize, pageSize, currentPage) {
15 var totalPage = Math.ceil(totalSize * 1.0 / pageSize);
16 var min = Math.max(2, currentPage - 4);
17 var max = Math.min(totalPage - 1, currentPage + 4);
18 if (currentPage == 1) {
19 $('<li>首页</li>').appendTo($('#uu1'));
20 } else {
21 $('<li><a href="' + urlFormat.replace('{pagenum}', 1) + '">首页</a></li>').appendTo($('#uu1'));
22 }
23 for (var i = min; i <= max; i++) {
24 var url = urlFormat.replace('{pagenum}', i);
25
26 if (currentPage == i) {
27 $('<li>' + i + '</li>').appendTo($('#uu1'))
28 }
29 else {
30 $('<li><a href="' + url + '">' + i + '</a></li>').appendTo($('#uu1'))
31 }
32 }
33 if (currentPage == totalPage) {
34 $('<li>末页</li>').appendTo($('#uu1'));
35 } else {
36 $('<li><a href="' + urlFormat.replace('{pagenum}', totalPage) + '">末页</a></li>').appendTo($('#uu1'));
37 }
38 }
39 </script>

40 @*获取超链接参数:获取MVC地址栏URL路径的最后参数*@
41 <script type="text/javascript">
42 function GetUrlFromMvc() { //从MVC地址栏获得最后参数
43 var hre=window.location.href;
44 var lastIndex = hre.lastIndexOf('/');
45 var val = hre.substr(lastIndex + 1, 3); //获得参数 //(假设参数3或者设置更多)
46 return val;
47 }
48 </script>

@*窗口加载时分页*@
<script type="text/javascript">
$(function () {
var pagenum = GetUrlFromMvc() == null ? : GetUrlFromMvc();
$.post('/Home/AjaxPage', { pagenum: pagenum },
function (data) {
if (data.status == 'ok') {
var t_CUSTOMERs = data.t_CUSTOMERs;
for (var i = ; i < t_CUSTOMERs.length; i++) {
$('<tr><td>' + t_CUSTOMERs[i].ID + '</td><td>' + t_CUSTOMERs[i].NAME + '</td></tr>').appendTo($('#tab1'));
}
var currentPage = data.page.currentPage;
var pageSize = data.page.pageSize;
var totalSize = data.page.totalSize;
var urlFormat = data.page.urlFormat;
//拼接页码
Pager(urlFormat, totalSize, pageSize, currentPage);
} else if (data.status == 'error') {
alert(data.msg);
} else {
alert(data.status+'错误');
}
}, 'json');
});
</script>
</head>
<body>
<div>
<table id="tab1">
<tr><td>ID</td><td>NAME</td></tr>
</table>
</div>
<div>
<ul id="uu1"> </ul>
</div>
</body>
</html>

JS分页 + 获取MVC地址栏URL路径的最后参数的更多相关文章

  1. JS教程:获取当前地址栏URL

    URL即:统一资源定位符 (Uniform Resource Locator, URL) 完整的URL由这几个部分构成:scheme://host:port/path?query#fragment s ...

  2. js文件获取自身的URL路径

    我们做框架开发的时候,经常需要js文件获取的到自身的路径,在网上查了些资料,总结 了两种方式 浏览器支持docment.currentScript.src 直接用这个获取,不用支持的情况 try{ n ...

  3. vue获取路由地址栏url里面的指定参数

    this.$route.query.gid     //gid是获取指定参数的名字

  4. CSS样式表、JS脚本加载顺序与SpringMVC在URL路径中传参数与SpringMVC 拦截器

    CSS样式表和JS脚本加载顺序 Css样式表文件要在<head>中先加载,这样网页显示时可以第一次就渲染出正确的布局和样式,网页就不会闪烁,或跳变 JS脚本尽可能放在<body> ...

  5. js/jquery获取当前页面URL地址并判断URL字符串中是否包含某个具体值

    js/jquery获取当前页面URL地址并判断URL字符串中是否包含某个具体值本文介绍jquery/js获取当前页面url地址的方法,在jquery与js中获取当前页面url方法是一样的,因为jque ...

  6. js准确获取当前页面url网址信息

    这篇文章主要为大家介绍了js准确获取当前页面url网址信息的多种方法,包括正则法.split拆分法等,需要的朋友可以参考下   在WEB开发中,时常会用到javascript来获取当前页面的url网址 ...

  7. 获取url路径中的参数

    简介 运用js的时候,我们有时可能会有这样的需求,就是想要获取浏览器地址栏指定的一项参数,形如:https://i.cnblogs.com/EditPosts.aspx?postid=8628413& ...

  8. fileReader对象读取txt文件乱码问题 以及如何获取文件的url路径(绝对路径)

    <input type="file" @change="aaa($event)"> <div id="hi">< ...

  9. 地址栏url中去掉所有参数

    1.地址栏url中去掉所有参数,这个是纯前端解决,很多时候页面跳转时候会选择在url后面带参数过去,(使用?&),方便传也方便取,但是我们要做的是不要让页面的一些请求参数暴露在外面 正常项目工 ...

随机推荐

  1. oracle游标小试

    有时候需要大面积的修改数据,这个时候用循环语句效率不高.而临时表又不能满足点对点修改的时候,游标似一种不错的选择(PS:好像游标也是为循环而生的吧) 现在有两张表 t1(ryid number,nam ...

  2. 五、mysql存储引擎

    show variable like 'table_type'; 显示系统默认存储引擎 show engine\G 显示系统支持存储殷勤 =============================== ...

  3. 【BZOJ 1189】[HNOI2007]紧急疏散evacuate

    Description 发生了火警,所有人员需要紧急疏散!假设每个房间是一个N M的矩形区域.每个格子如果是'.',那么表示这是一块空地:如果是'X',那么表示这是一面墙,如果是'D',那么表示这是一 ...

  4. 【BZOJ 1877】 [SDOI2009]晨跑

    Description Elaxia最近迷恋上了空手道,他为自己设定了一套健身计划,比如俯卧撑.仰卧起坐等 等,不过到目前为止,他坚持下来的只有晨跑. 现在给出一张学校附近的地图,这张地图中包含N个十 ...

  5. 微软职位内部推荐-Sr SDE-MOD-Beijing

    微软近期Open的职位: JOB TITLE: Senior Software Design EngineerDEPARTMENT: Microsoft Office Division ChinaIM ...

  6. Qt智能指针简明说明

    下面的智能指针分别对应boost库,Qt库,c++11的智能指针 boost::scoped_ptr  QScopedPointer unique_ptr 在其生命期结束后会自动删除它所指的对象(确定 ...

  7. iOS 本地存储四种方法

    在iOS开发过程中,不管是做什么应用,都会碰到数据保存的问题.将数据保存到本地,能够让程序的运行更加流畅,不会出现让人厌恶的菊花形状,使得用户体验更好.下面介绍⼀一下数据保存的方式: 1.NSKeye ...

  8. 1176: [Balkan2007]Mokia - BZOJ

    Description维护一个W*W的矩阵,每次操作可以增加某格子的权值,或询问某子矩阵的总权值. 修改操作数M<=160000,询问数Q<=10000,W<=2000000.Inp ...

  9. ExtJS4.2学习(18)时间控件(转)

    鸣谢:http://www.shuyangyang.com.cn/jishuliangongfang/qianduanjishu/2013-12-22/190.html 感谢“束洋洋 ”的付出. 前言 ...

  10. rsync介绍

    老套的搬用一下rsync的介绍,rsync是Linux系统下的数据镜像备份工具,从软件的命名上就可以看出来了——remote sync.rsync支持大多数的类Unix系统,无论是Linux.Sola ...