Copy Code code as follows:
<! DOCTYPE html>
<title>ajax Paging </title>
<script src= "Http://code.jquery.com/jquery-1.11.0.min.js" ></script>
<script>
function Loadxmldoc ($url)
{
var xmlhttp;
if (window. XMLHttpRequest)
{//code for ie7+, Firefox, Chrome, Opera, Safari
Xmlhttp=new XMLHttpRequest ();
}
Else
{//code for IE6, IE5
Xmlhttp=new ActiveXObject ("Microsoft.XMLHTTP");
}
Xmlhttp.onreadystatechange=function ()
{
if (xmlhttp.readystate==4 && xmlhttp.status==200)
{
var $data = $ (' <div> ' + xmlhttp.responsetext + ' </div> ');
Alert ($ ("#updateId", $data). html ());
document.getElementById ("Mydiv"). Innerhtml=xmlhttp.responsetext;
$ ("#updateId"). ReplaceWith ($ ("#updateId", $data));
}
}
Xmlhttp.open ("Get", $url, True);
Xmlhttp.send ();
}
</script>
<body>
<table id= "UpdateID" >
<tr><td>id</td><td> title </td><td> Time </td></tr>
<?php if (isset ($_get[' P ']) &&$_get[' p '] = = 2):?>
<tr><td>2</td><td>222</td><td>222</td></tr>
<tr><td>2</td><td>222</td><td>222</td></tr>
<?php Else:?>
<tr><td>1</td><td>111</td><td>111</td></tr>
<tr><td>1</td><td>111</td><td>111</td></tr>
<?php endif;?>
</table>
<div><a href= "javascript:;" onclick= "Loadxmldoc ('? P=1 ')" >1</a><a href= "javascript:;" onclick= "Loadxmldoc (' p=2 ')" >2</a></div>
</body>