迷你旅游网——旅游线路用名称查询以及查看详情(完成查询条件不确定性的定义模板方式解决...)

本文介绍了迷你旅游网如何实现线路名称的模糊查询以及查看详情功能。通过修改线路分页展示的代码,添加查询参数,利用JavaScript获取和处理URL中的信息,并通过AJAX请求获取数据。在后台,使用Servlet处理查询请求,注意参数的特殊处理,如区分null和"null"。在DAO层,采用定义SQL模板的方式来应对查询条件的不确定性。此外,还详细阐述了查看旅游线路详情的实现,包括前后台代码的交互和数据加载。
摘要由CSDN通过智能技术生成

一. 即将完成的工作

  • 线路名称查询(模糊查询)
    在这里插入图片描述

  • 查看线路详情
    在这里插入图片描述

二.线路名称查询(模糊查询)

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},
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值