今天需要实现一个需求,首页为jsp/html页面,有a标签来跳转到新页面。需要执行:点击首页的关键词,需要在后台进行关键词搜索,然后在新的页面中进行数据的展示。
方法一:在a标签的href中添加?key=value来传递关键词,直接跳转到目标搜索结果的html页面,然后在结果页面中添加Ajax部分,先利用js来获取到参数数据,然后根据此参数数据发送Ajax请求到后端,通过回调函数来解析JSON内容,实现此展示页面的数据展示。当后续修改关键词内容时,可以直接发送Ajax请求给后端,然后后端进行JSON数据返回。
function getQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]);
return null;
}
$(function () {
alert(getQueryString("key"));
})
}
方法二:在a标签的href中添加?key=value来传递关键词,跳转到后端Controller之中,后端通过getParameter来获取参数值并进行数据库内容查找,后在MVC中将值存入ModelAndView中,并进行转发到最终数据展示页面。数据展示页面通过JSTL表达式或其他方式进行值的获取。
@RequestMapping(value = "/search")
@ResponseBody
public ModelAndView selectByKeyword(String key){
ModelAndView mv = new ModelAndView();
List<Product> products = service.selectByKeyword(key);
mv.addObject("products", products);
mv.setViewName("forward:/search.jsp");
return mv;
}