@{

     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. Unity3d中所有特殊的文件夹

    1.Editor Editor文件夹可以在根目录下,也可以在子目录里,只要名子叫Editor就可以.比如目录:/xxx/xxx/Editor  和 /Editor 是一样的,无论多少个叫Editor的 ...

  2. 基于SuperSocket实现的WebSocket（前端）

    本文内容是搭配后端使用的,没看过WebSocket后端实现的童鞋们戳这里 咳咳,其实前端实现相对就容易很多了,因为我们有JavaScript WebSocket Api,它看上来大致是这样的: var ...

  3. I/O 流---输出流

    输出流(写入数据) a. 字节输出流 OutputStram 输出流的父类 FileOutputStream:  继承OutputStream 方法: OutputStream os=new File ...

  4. java第四课：数组

    1.数组声明时,必须有中括号,但不指定数组的元素个数2.初始化时,必须指定元素个数3.数组元素内容仅能用于声明时初始化,不能用于赋值.如:char[] week; week={'1','2','3'} ...

  5. jquery盒模型元素尺寸设置

    jQuery有多个处理元素尺寸的方法 width():设置或返回元素的宽度(不包括padding.border.和margin) height():设置或返回元素的高度(不包括padding.bord ...

  6. 无锁算法CAS 概述

    无锁算法CAS 概述 JDK5.0以后的版本都引入了高级并发特性,大多数的特性在java.util.concurrent包中,是专门用于多线并发编程的,充分利用了现代多处理器和多核心系统的功能以编写大 ...

  7. 你不需要jQuery(四)

    jQuery是个好东西.它诞生于IE6在互联网称霸的那个时代.jQuery的存在让我们的代码能很好的兼容各种平台. 然而,到如今,浏览器技术已经取得了巨大的进步.我们可以自由的使用所有最新众多ES5/ ...

  8. Partition an array around an interger

    Partition an array of integers around a value such taht all elements less than x come before element ...

  9. [转载]MongoDB的$inc修改器

    MongoDB的$inc修改器相当于编程语言中的 “+=”“$inc”只能用于操作数值类型的数据,包括整数.长整数和双精度浮点数,用于其他类型的数据会导致操作失败. >db.users.find ...

  10. OD之常用命令

    一:od断点注释保存的问题,由于od只有在正常退出的情况下才会保存分析代码时留下的注释,而很多时候为了在退出od时不让目标程序退出使用了剥离进程,这样就会导致这次操作所有的注释都没有保存,第二次重新载 ...