<html>
<head>
<title>ajax分页效果</title>
<style>
<!--
body {font-size:12px;}
input {margin:5px 5px 0;}
form {margin-bottom:20px;padding:10px;}
div#content div#pager {font-family:Courier New;padding:10px;}
table {margin:0 10px;}
td {padding:6px;font-size:12px;}
a {color:#333;}
span#tip{
margin-left:30px;background-color:#fff;
color:#fff;padding:3px;display:none;}
-->
</style>
</head>
<body>
<form name="form1">
查询:<input type="text" id="search" name="search"> <input type="button" value="查询" onclick="getPage(1)"><br><br>
<span id="tip">正在加载...</span>
</form>
<div id="content"></div>
</body>
</html>
<script>
<!--
var content=document.getElementById("content");
var tip=document.getElementById("tip");
function getPage(page){
tip.style.display="inline";
var search=document.form1.search.value;
var xmlhttp;
try
{
xmhhttp=new ActiveXObjec("Msxml2.XMLHTTP");
}
catch (e)
{
try{
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e){
try{
xmlhttp=new XMLHttpRequest();
}
catch (e){}
}
}
xmlhttp.onreadystatechange=function()
{
if(4==xmlhttp.readyState)
{
if(200==xmlhttp.status)
{
document.getElementById("tip").innerHTML=xmlhttp.responseText;
}
else
{
alert(xmlhttp.status);
}
}
}
var url="search.asp?search="+escape(search)+"&page="+page+"&t="+new Date().getTime();
xmlhttp.open("get",url);
xmlhttp.send(null);
}
-->
</script>
