一. 即将完成的工作
-
线路名称查询(模糊查询)
-
查看线路详情
二.线路名称查询(模糊查询)
1.在之前的线路分页展示代码上修改部分代码来完成查询功能
- 查询参数的传递,类别id:cid,线路名称:rname;(getParameter()是导入了一个js,在这里用来获取请求url中的对应字符串值)
//在header.html中
$("#search-button").click(function () {
//线路名称
var rname = $("#search_input").val();
var cid = getParameter("cid");
// 跳转路径 http://localhost/travel/route_list.html?cid=5,拼接上rname=xxx
location.href="http://localhost/travel/route_list.html?cid="+cid+"&rname="+rname;
});
- 旅游线路列表的页面上参数传递,window.decodeURIComponent(rname)在这里使用,将对应的url解码为对应信息
//在route_list.html
var cid = getParameter("cid");
//获取rname的参数值
var rname = getParameter("rname");
//判断rname如果不为null或者""
if(rname){
//url解码
rname = window.decodeURIComponent(rname);
}
//页面加载完成之后,调用load方法,发送Ajax请求加载数据
load(cid,null,rname);
- load方法发送ajax请求,分页工具条以及列表数据显示只需加上对应的rname,在此处省略之前写过的重复代码;
代码写在了这篇博客里:https://blog.csdn.net/weixin_42437164/article/details/99687198
function load(cid,currentPage,rname) {
//发送Ajax请求,请求route/pageQuery,传递cid,currentPage,rname
$.get("route/pageQuery",{cid:cid,currentPage:currentPage,rname:rname},