1.功能介绍
在商城的页头中有搜索框,用户可在搜索框中输入关键词(一个或多个)查询相关商品,点击查询图片或按回车键跳转到商品列表页面。
2.代码实现
实现思路:
- 在用户点击查询图片或点击回车键时,添加单击事件,跳转到关键词搜索的商品列表页面;
- 同时将用户输入的关键词保留在搜索框中。
搜索查询功能的数据库代码,php处理数据代码 以及 前端加载商品页面代码 已经实现。
jQuery代码
$(()=>{
//在DOM内容加载后自动执行
$(".navbar").load("navbar.html",function(){
//加载页头
//将查询字符串跳转到商品列表页面,再查询
$(<