JS分页 + 获取MVC地址栏URL路径的最后参数
@{
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路径的最后参数的更多相关文章
- JS教程:获取当前地址栏URL
URL即:统一资源定位符 (Uniform Resource Locator, URL) 完整的URL由这几个部分构成:scheme://host:port/path?query#fragment s ...
- js文件获取自身的URL路径
我们做框架开发的时候,经常需要js文件获取的到自身的路径,在网上查了些资料,总结 了两种方式 浏览器支持docment.currentScript.src 直接用这个获取,不用支持的情况 try{ n ...
- vue获取路由地址栏url里面的指定参数
this.$route.query.gid //gid是获取指定参数的名字
- CSS样式表、JS脚本加载顺序与SpringMVC在URL路径中传参数与SpringMVC 拦截器
CSS样式表和JS脚本加载顺序 Css样式表文件要在<head>中先加载,这样网页显示时可以第一次就渲染出正确的布局和样式,网页就不会闪烁,或跳变 JS脚本尽可能放在<body> ...
- js/jquery获取当前页面URL地址并判断URL字符串中是否包含某个具体值
js/jquery获取当前页面URL地址并判断URL字符串中是否包含某个具体值本文介绍jquery/js获取当前页面url地址的方法,在jquery与js中获取当前页面url方法是一样的,因为jque ...
- js准确获取当前页面url网址信息
这篇文章主要为大家介绍了js准确获取当前页面url网址信息的多种方法,包括正则法.split拆分法等,需要的朋友可以参考下 在WEB开发中,时常会用到javascript来获取当前页面的url网址 ...
- 获取url路径中的参数
简介 运用js的时候,我们有时可能会有这样的需求,就是想要获取浏览器地址栏指定的一项参数,形如:https://i.cnblogs.com/EditPosts.aspx?postid=8628413& ...
- fileReader对象读取txt文件乱码问题 以及如何获取文件的url路径(绝对路径)
<input type="file" @change="aaa($event)"> <div id="hi">< ...
- 地址栏url中去掉所有参数
1.地址栏url中去掉所有参数,这个是纯前端解决,很多时候页面跳转时候会选择在url后面带参数过去,(使用?&),方便传也方便取,但是我们要做的是不要让页面的一些请求参数暴露在外面 正常项目工 ...
随机推荐
- K2 Blackpearl 4.6.8 安装步骤详解
由于某些原因,我幼小的心灵受到了很大的创伤,倍感世态之炎凉,久久不能愈合,也因此很久没再接触K2 Blackpearl了.偶然来了兴趣,想整个K2的环境,闲暇之余了解其新功能,温故知新,也希望从中能讨 ...
- 【BZOJ 1003】 [ZJOI2006]物流运输trans
Description 物流公司要把一批货物从码头A运到码头B.由于货物量比较大,需要n天才能运完.货物运输过程中一般要转停好几个码头.物流公司通常会设计一条固定的运输路线,以便对整个运输过程实施严格 ...
- validate[.unobtrusive]和Bootstrap实现tooltip错误提示
validate[.unobtrusive]和Bootstrap实现tooltip错误提示 类似的文章园子里已有,请看这里,个人感觉稍显复杂,日前也打算写一个简单的给项目用,一些关键点记录于此.最终效 ...
- apache本地和局域网访问设置
apache本地和局域网访问设置 最近做项目需要同事ajax发项目给我,因为是测试环境,所以需要能访问我的服务器.我服务器直接用的wampserver.因为没有接触过,所以百度了一下,都是没有成功,后 ...
- iOS开发进阶 - 使用shell脚本自动打包上传到fir.im上-b
用fir.im测试已经好长时间了,感觉每次打包上传都很麻烦,想着是不是可以用脚本自动打包,在网上搜了一下确实有,下面总结一下如何使用脚本自动打包上传到fir.im,以及打包过程中遇到的问题和解决办法 ...
- SQLSERVER数据库管理数据库原理
数据库的存储结构: 1.逻辑存储结构:是指数据库有那些性质的信息组成,即一个数据库由若干用户可视的各种数据库对象构成,如:表,视图,索引,存储过程等 2.物理存储结构:表现为存储数据的各类操作系 ...
- centos7安装chrome及加载poatman开发插件
为什么要安装chrome?因为centos7的默认浏览器firefox的实在是不习惯,上面占了太多,本来显示器就不大... 好了,首先下载chome的rpm安装包(如果需要的可以留言,我有备份) 然后 ...
- 【数学/扩展欧几里得/线性求逆元】[Sdoi2008]沙拉公主的困惑
Description 大富翁国因为通货膨胀,以及假钞泛滥,政府决定推出一项新的政策:现有钞票编号范围为1到N的阶乘,但是,政府只发行编号与M!互质的钞票.房地产第一大户沙拉公主决定预测一下大富翁国现 ...
- [转载]C#中播放背景音乐几种的方法
最经在写winform程序,其中有用到播放背景音乐 特此收集了一些网上的教程: 1.调用非托管的dll using System.Runtime.InteropServices; //DllImpor ...
- [转载]async & await 的前世今生
async 和 await 出现在C# 5.0之后,给并行编程带来了不少的方便,特别是当在MVC中的Action也变成async之后,有点开始什么都是async的味道了.但是这也给我们编程埋下了一些隐 ...