https://www.runoob.com/jsref/prop-loc-href.html
在 register.html 注册成功会跳转到注册成功的页面,使用 location.href = "register_ok.html"; 跳转到成功页面
https://www.runoob.com/jquery/html-val.html
$("#id")是id选择器,获得id为userName的标签,通过.val(),获得这个标签的value的值,赋值给你声明的变量
在 register.html 通过 var password = $("#password").val(); 取出id为password 密码输入框里面的密码值
当某一个组件失去焦点的时候调用相应的函数
http://www.w3school.com.cn/jquery/ajax_serialize.asp
定义和用法
serialize() 方法通过序列化表单值,创建 URL 编码文本字符串。
您可以选择一个或多个表单元素(比如 input 及/或 文本框),或者 form 元素本身。
序列化的值可在生成 AJAX 请求时用于 URL 查询字符串中。
语法
$(selector).serialize()
详细说明
.serialize() 方法创建以标准 URL 编码表示的文本字符串。它的操作对象是代表表单元素集合的 jQuery 对象。
表单元素有几种类型:
.serialize() 方法可以操作已选取个别表单元素的 jQuery 对象,比如 ,
$('form').submit(function () {
alert($(this).serialize());
return false;
});
输出:a=1&b=2&c=3&d=4&e=5&f=666&f=999&g=Submit
注释:只会将”成功的控件“序列化为字符串。如果不使用按钮来提交表单,则不对提交按钮的值序列化。如果要表单元素的值包含到序列字符串中,元素必须使用 name 属性。
https://www.w3cschool.cn/jsref/met-win-scrollto.html
在前端页面中,每次我们查询一页我们都需要让页面回到最上面
//定位到页面的顶部
window.scrollTo(0, 0);//每次点击都回到最上面
封装一函数用于获取网页输入框里面 ?后面的值
比如我导航栏路径为 http://localhost:8080/travel_ssm/route_list.html?cid=5 这个时候我为了得到cid的值,我这里可以直接调用这个函数即可 getParameter("cid")
//根据传递过来的参数name获取对应的值
//截取字符串
function getParameter(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)","i");
var r = location.search.substr(1).match(reg);
if (r!=null) return (r[2]); return null;
}
// 1.2 展示分页页码
// 首页 可以不传 第二个参数,默认为1
var firstPage = '首页 ';
// 上一页
//计算上一页的页码
var beforeNum = pb.currentPage - 1;
if (beforeNum <= 0) {
beforeNum = 1;
}
var beforePage = '上一页 ';
// 下一页
//计算下一页的页码
var nextNum = pb.currentPage + 1;
if (nextNum > pb.totalPage) {
nextNum = pb.totalPage;
}
var nextPage = '下一页 ';
// 尾页
var lastPage = '末页 ';
var lis = firstPage + beforePage;
/*
1.一共展示10个页码,能够达到前5后4的效果
2.如果前边不够5个,后边补齐10个
3.如果后边不足4个,前边补齐10个
理解百度的分页实现
*/
//定义开始位置begin,结束位置end
var begin;//开始位置
var end;//结束位置
//1. 要显示10个页码
if (pb.totalPage < 10) {//有几个显示几个
//种页码不够10页
begin = 1;
end = pb.totalPage;
} else {//足够多
//总页码超过10页
begin = pb.currentPage - 5;
end = pb.currentPage + 4;
// 2.如果前边不够5个,后边补齐10个
if (begin <= 0) {
begin = 1;
end = begin + 9;
}
// 3.如果后边不足4个,前边补齐10个
if (end > pb.totalPage) {
end = pb.totalPage;
begin = pb.totalPage - 9;
}
}
for (var i = begin; i <= end; i++) {
var li;
//当前页码需要加上css 修饰
// 判断当前页码是否等于 i
if (pb.currentPage == i) {//如果是当前页码创建出来的 li 带有是样式的
// class="curPage"
li = '' + i + ' ';
} else {
//创建页码的li
li = '' + i + ' ';
}
//拼接字符串
lis += li;
}