网上书城（搜索页，购物车）

搜索页

书籍搜索

这个界面根据书籍名称搜索，可以模糊查询，这里以日记搜索
下面是代码：
index.jsp

<input type="text" id="name" name="name" value="" />
<button type="button" class="btn btn-primary" onclick="search()">搜索</button>

index.js

function search(){
				location.href="${pageContext.request.contextPath }/book.action?methodName=search&name="+$("#name").val();
			}

BookAction

//  书籍名称搜索书籍结果页
	public String search(HttpServletRequest request, HttpServletResponse response) {
		PageBean pageBean = new PageBean();
		pageBean.setRequest(request);
		List<Book> list;
		try {
			list = this.bookDao.list(book, pageBean);
			request.setAttribute("books", list);
			request.setAttribute("pageBean", pageBean);
		} catch (InstantiationException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		} catch (IllegalAccessException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		} catch (SQLException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}
		return "search";
	}

按书籍类别搜索

这里根据类别的id查询数据
下面是代码：
index.js

$.ajax({
		url:ctx+'/category.action?methodName=combobox',
		success:function(data){
			data = eval('('+data+')');
			for(i in data){
				$(".list-group").append('<li class="list-group-item" onclick="searchByType('+data[i].id+')">'+data[i].name+'</li>');
			}
				$(".c-category li").eq(0).addClass('bg-color1');
				$(".c-category li:gt(0)").addClass('bg-color2');
				$(".c-category li:gt(0)").hover(function() {
					$(this).addClass('bg-opacity');
				}, function() {
					$(this).removeClass('bg-opacity