jquery实现联想词搜索框和搜索结果分页的示例

2020-05-17 06:28:06易采站长站整理

</p>
</form>

<div class="page">
<div style="margin: 10px 0;"></div>
<div id="datas">
</div>
<div id="divload" style="text-align: center">
</div>
<div id="Pagination" class="digg"></div>
</div>

</div>

</body>
</html>

result.jsp


<%@page language="java" pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>demo</title>
<link href="css/suggest.css" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="stylesheet" type="text/css">
<link href="css/pagination.css" rel="external nofollow" rel="external nofollow" rel="stylesheet" type="text/css">
<style type="text/css">
em{font-style:normal;color: red;font-weight: bold}
</style>

<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/suggest.js"></script>
<script type="text/javascript" src="js/jquery.pagination.js"></script>
<script type="text/javascript">

$(function(){

<%
request.setCharacterEncoding("utf-8");
String isearch = "";
isearch = request.getParameter("isearch");

if(isearch!=null&&isearch!=""){
%>
doSearch();
<%
}
%>

// $('.isearchSug').bind('keypress',function(event){
// if(event.keyCode == "13"){
// doSearch();
// }
// });

});

/**
* 对象转json数组
*/
function arrayToJson(o) {
var r = [];
if (o==undefined||o==null) return "null";
if (typeof o == "string") return """ + o.replace(/(['"])/g, "$1").replace(/(n)/g, "n").replace(/(r)/g, "r").replace(/(t)/g, "t") + """;
if (typeof o == "object") {
if (!o.sort) {
for (var i in o)
r.push("""+ i +"""+ ":" + arrayToJson(o[i]));
if (!!document.all && !/^n?functions*toString()s*{n?s*[native code]n?s*}n?s*$/.test(o.toString)) {
r.push("toString:" + o.toString.toString());
}
r = "{" + r.join() + "}";
} else {
for (var i = 0; i < o.length; i++) {
r.push(arrayToJson(o[i]));
}
r = "[" + r.join() + "]";
}
return r;
}
return o.toString();
}

function page(page_id){
var total = pageselectCallback(page_id);
if(total==0){
$("#Pagination").html("");
}
else{
//调用分页函数,将分页插件绑定到id为Pagination的div上
$("#Pagination").pagination(total, { //recordCount在后台定义的一个公有变量,通过从数据库查询记录进行赋值,返回记录的总数