javascript设置分页 url参数为page

 

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< html  xmlns ="http://www.w3.org/1999/xhtml" >
< head >
< meta  http-equiv ="Content-Type"  content ="text/html; charset=gb2312"   />
< title ></ title >
 
< script  language ="javascript" >
// author=askyes
      function  seturl()
     {
    
         
var  filepath = self.location.pathname;
         
var  path = filepath.substr(filepath.lastIndexOf( " / " ) + 1 );
         
// document.write(path);
          var  searchString = self.location.search.substr( 1 );
           
         
var  pageno = document.getElementById( " pageinput " ).value;
         
var  searchTemp = "" ;
         
if (searchString.indexOf( " & " ) >- 1 )
         {
            
var  s  =  searchString.split( " & " ); 
            
for ( var  i  in  s) 
            { 
            
// 如果page=不再第一个参数
                 if (s[i].toLowerCase().indexOf( " &page= " ) >- 1 )
                {
                    searchTemp
+= ( " page= " + pageno + " & " );
                }
                
// 如果page=在第一个参数
                 else   if (s[i].toLowerCase().substr( 0 , 5 ) == " page= " )
                {

                    searchTemp
+= ( " page= " + pageno + " & " );
                }
                
// 如果不包含page=
                 else
                {
                    searchTemp
+= (s[i] + " & " );
                }
            }
            
// 如果还没有page
             if (searchTemp.toLowerCase().indexOf( " &page= " ) ==- 1 && searchTemp.toLowerCase().substr( 0 , 5 ) != " page= " )
            {
                searchTemp
+= ( " page= " + pageno);
            } 

        }
        
else   if (searchString.length > 0 )
        {
            
if ((searchString.toLowerCase().substr( 0 , 5 ) == " page= " ))
            {
            
                searchTemp
= ( " page= " + pageno);                
            }
            
else
            {
                searchTemp
= searchString + ( " &page= " + pageno);
            }
        }
        
else  
        {
            searchTemp
= ( " page= " + pageno);
        }
     
        
         
// 如果最后包含了&
         if (searchTemp.length == searchTemp.lastIndexOf( " & " ) + 1 )
        {
            searchTemp
= searchTemp.toLowerCase().substr( 0 ,searchTemp.length - 1 );
        }
        
if (pageno.replace( / ( ^ \s * ) | (\s * $) / g, "" ).length == 0 )
        {
            alert(
" 请输入页码 " );
            document.getElementById(
" pageinput " ).focus();
            document.getElementById(
" pageinput " ).value = "" ;
            
return   false ;
        }
        self.location
= path + " ? " + searchTemp;
        
     }
</ script >

</ head >

< body >
 
< input  type ="text"  id ="pageinput"  name ="pageinput"   />
< input  type ="button"  onclick ="seturl();"  value ="转到页"   />
 
</ body >
</ html >

转载于:https://www.cnblogs.com/askyes/archive/2007/11/16/962034.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在SSM框架中,使用JavaScript实现分页的方法如下: 1. 在页面中添加分页所需的HTML元素,如下: ``` <div id="pageDiv"> <ul class="pagination"> <li><a href="javascript:void(0);" onclick="toPage(1)">首页</a></li> <li><a href="javascript:void(0);" onclick="toPage(pageNum-1)">上一页</a></li> <li><a href="javascript:void(0);" onclick="toPage(pageNum+1)">下一页</a></li> <li><a href="javascript:void(0);" onclick="toPage(pages)">末页</a></li> </ul> </div> ``` 其中,toPage函数用于跳转到指定的页码,pageNum表示当前页码,pages表示总页数。 2. 在页面中添加JavaScript代码,用于发送分页请求,如下: ``` <script type="text/javascript"> // 分页请求函数 function toPage(pageNum) { // 发送分页请求 $.ajax({ url: "/user/list", type: "get", data: {pageNum: pageNum}, success: function (data) { $("#tableDiv").html(data); } }); } </script> ``` 其中,$.ajax()函数用于发送分页请求,url表示请求的URL地址,type表示请求的方式,data表示请求的参数,success表示请求成功后的回调函数,data表示服务器返回的数据,将其填充到表格中即可。 3. 在Controller中添加分页查询的方法,并返回分页结果,如下: ``` @RequestMapping("/list") public String list(@RequestParam(defaultValue = "1") Integer pageNum, @RequestParam(defaultValue = "10") Integer pageSize, Model model) { // 查询数据 List<User> userList = userService.getUserList(pageNum, pageSize); // 封装分页对象 PageInfo<User> pageInfo = new PageInfo<>(userList); // 将分页对象和数据传递给页面 model.addAttribute("pageInfo", pageInfo); model.addAttribute("userList", userList); return "user/list_table"; } ``` 其中,getUserList方法用于查询数据,PageInfo对象用于封装分页信息,将其传递给页面即可。 4. 在页面中添加表格元素,用于显示分页数据,如下: ``` <div id="tableDiv"> <table class="table table-bordered table-hover"> <thead> <tr> <th>ID</th> <th>姓名</th> <th>年龄</th> </tr> </thead> <tbody> <!-- 使用Thymeleaf循环遍历用户列表 --> <tr th:each="user : ${userList}"> <td th:text="${user.id}"></td> <td th:text="${user.name}"></td> <td th:text="${user.age}"></td> </tr> </tbody> </table> </div> ``` 其中,使用Thymeleaf循环遍历用户列表,并将查询到的用户数据填充到表格中。 以上就是使用JavaScript实现分页查询的方法,该方法可以自由控制分页请求,实现灵活性较高。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值