用js做分页,点击下一页时,直接跳到了最后一页——Number()的妙用
Number()的妙用
Number()是javascript中将字符型转换为数值型的函数;
问题描述:做分页,用js实现,获取当前页面的值,然后js自加1,可是点击下一页时,直接跳到最后一页。选择跳转到某页的时候,有的页码无法找到。代码如下
//下一页
function NextPage() {
var endPage = $.trim($("#endPage").val());
var nextPage =$.trim($("#curPageIndex").val());
if (nextPage >= endPage) {
nextPage = endPage;
}
else {
nextPage ++;
}
var targetPageAddr = $("#targetPageAddr").val();
window.location = targetPageAddr + encodeURIComponent(nextPage);
}
//直接跳转到某页
function ToJumpPage() {
var endPage = $.trim($("#endPage").val());
var jumpPage = $.trim($("#XPage").val());
if (/\D/.test(jumpPage)) {
$("#XPage").attr("value", "");
alert("请输入正整数!");
return;
}
if (jumpPage > endPage || jumpPage < 1) {
$("#XPage").attr("value", "");
alert("抱歉,第" + jumpPage + "页不存在!");
return;
}
var targetPageAddr = $("#targetPageAddr").val();
window.location = targetPageAddr + encodeURIComponent(jumpPage);
//window.location = "./Function.aspx?curPageIndex=" + encodeURIComponent(jumpPage);
}
应用了Number()后,也就是这样的代码,则实现了正常功能。
//下一页
function NextPage() {
var endPage = $.trim($("#endPage").val());
var nextPage =Number($.trim($("#curPageIndex").val()));
if (nextPage >= endPage) {
nextPage = endPage;
}
else {
nextPage ++;
}
var targetPageAddr = $("#targetPageAddr").val();
window.location = targetPageAddr + encodeURIComponent(nextPage);
}
//直接跳转到某页
function ToJumpPage() {
var endPage = $.trim($("#endPage").val());
var jumpPage = Number($.trim($("#XPage").val()));
if (/\D/.test(jumpPage)) {
$("#XPage").attr("value", "");
alert("请输入正整数!");
return;
}
if (jumpPage > endPage || jumpPage < 1) {
$("#XPage").attr("value", "");
alert("抱歉,第" + jumpPage + "页不存在!");
return;
}
var targetPageAddr = $("#targetPageAddr").val();
window.location = targetPageAddr + encodeURIComponent(jumpPage);
//window.location = "./Function.aspx?curPageIndex=" + encodeURIComponent(jumpPage);
}
技术含量较低,欢迎大家提出更好的方法!也欢迎大家拍砖!
转载于:https://www.cnblogs.com/wehas/archive/2013/06/03/Wehas.html
用js做分页,点击下一页时,直接跳到了最后一页——Number()的妙用相关推荐
- 百度地图API写的标记点点击跳动,当点击下一个标记点时停下上一个标记点的跳动
setAnimation(BMAP_ANIMATION_BOUNCE)函数用来设置跳动动画,不带参数的setAnimation()可以清除跳动,实现点击下一个标记点时停止上一个标记点,可以采用思路,获 ...
- PHPCMSv9首页显示分页点击下一页跳转链接出现错误,跳转到后台的解决方案
1 引用页写为 {pc:content action="lists" catid="10" order="updatetime DESC" ...
- jquery怎么在点击li标签之后添加一个在class,点击下一个li时删除上一个class?
<div class="client"><span class="client_title">选择您的游戏客户端</span> ...
- ant deign分页问题 删除列表最后一项自动跳转到上一页
解决方案 total:当前数据的条数 limit:每页有多少条数据 page:当前页 const totalPage = Math.ceil((this.total - 1) / this.limit ...
- js备忘录模式——实现分页点击已经请求过上一页的数据(读js设计模式)
例子:新闻数据实现分页||点击下一页后又点击上一页后不用再次请求数据,避免资源浪费,网速不好,用户体验效果差 备忘录模式:在不破坏对象的封装性的前提下,在对象之外捕获并保存该对象内部的状态以方便日后对 ...
- 【Qt串口调试助手】1.3 - 重写ComboBox下拉框的鼠标点击事件,实现点击下拉框扫描可用串口
由于ComboBox没有鼠标点击信号,所以如果想实现点击下拉框响应,需要重写ComboBox下拉框的鼠标点击事件.在点击事件中,添加扫描可用串口代码,实现点击下拉框时重新扫描串口.并且下拉框内容输出端 ...
- 【java文本处理】实现一个简单的小说文本阅读器(分页、翻页、页码跳转)
一.目的 读出文本(.txt)内容显示至dos命令窗: 按规定行数将文本进行分页: 在dos下实现文本翻页.页码跳转等功能,形成简单小说阅读器. 二.主要方法 1. RandomAccessFile类 ...
- vusjs 配合php_对照着jquery来学vue.js系列之配合thinkphp下拉获取分页数据
上篇文章介绍了vue.js如何ajax获取数据: 接着不可避免就遇到的是: 如何进行数据分页呢? 这里以thinkphp为示例讲解:其他场景性质一样: 示例项目:https://github.com/ ...
- 95.91p30.space\/index.php,关于 ThinkPHP6 分页样式的定制及点击下一页搜索条件丢失的解决方法...
首先说一下前提条件是多应用模式下,假设每页显示 3 条记录. 控制器文件所在路径: /app/index/controller/DemoController.php 模板视图文件所在路径: /app/ ...
最新文章
- 梦想的地方!地球上最值得去的20个地方【组图】
- 太赞!639 页《深度学习:Deep Learning》硬核课程 PPT 下载
- Oracle简单常用的数据泵导出导入(expdp/impdp)命令举例(上)
- docker 安装centos7并SSH远程连接
- REST设计模式简介
- 日志规范之为什么要使用SLF4J
- 得到WebService应用程序的路径
- px、dp和sp,这些单位有什么区别?
- (学习笔记)Oracle约束
- mysql 5.7 源码编译安装_mysql-5.7.*源码编译安装
- Python菜鸟入门:day08函数概念
- vue-cli 发布部署IIS
- CSS标签选择器→教你如何使用
- C#实现Omron欧姆龙PLC的Fins Tcp协议[转]
- redspider无法启动,并行配置不正确
- 机器学习入门之二:一个故事说明什么是机器学习(转载)
- 软件测试输入准则,单元测试准则
- 如何快速搭建公司网站?
- FLASH按钮链接网页
- I - Simpsons’ Hidden Talents