当前位置:Gxlcms > AJAX > ajax翻页效果模仿yii框架自己写的

ajax翻页效果模仿yii框架自己写的

时间:2021-07-01 10:21:17 帮助过:47人阅读

代码如下:
  1. <br><!DOCTYPE html> <br><html> <br><head> <br><title>ajax分页</title> <br><script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> <br><script> <br>function loadXMLDoc($url) <br>{ <br>var xmlhttp; <br>if (window.XMLHttpRequest) <br>{// code for IE7+, Firefox, Chrome, Opera, Safari <br>xmlhttp=new XMLHttpRequest(); <br>} <br>else <br>{// code for IE6, IE5 <br>xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); <br>} <br>xmlhttp.onreadystatechange=function() <br>{ <br>if (xmlhttp.readyState==4 && xmlhttp.status==200) <br>{ <br>var $data = $('<div>' + xmlhttp.responseText + '</div>'); <br>// alert($("#updateId", $data).html()); <br>// document.getElementById("myDiv").innerHTML=xmlhttp.responseText; <br>$("#updateId").replaceWith($("#updateId", $data)); <br>} <br>} <br>xmlhttp.open("GET",$url,true); <br>xmlhttp.send(); <br>} <br></script> <br></head> <br><br><br><body> <br><br><br><table id="updateId"> <br><tr><td>id</td><td>标题</td><td>时间</td></tr> <br><?php if(isset($_GET['p'])&&$_GET['p'] == 2): ?> <br><tr><td>2</td><td>222</td><td>222</td></tr> <br><tr><td>2</td><td>222</td><td>222</td></tr> <br><?php else: ?> <br><tr><td>1</td><td>111</td><td>111</td></tr> <br><tr><td>1</td><td>111</td><td>111</td></tr> <br><?php endif; ?> <br><br><br></table> <br><div><a href="javascript:;" onclick="loadXMLDoc('?p=1')">1</a><a href="javascript:;" onclick="loadXMLDoc('?p=2')">2</a></div> <br></body> <br></html> <br>

人气教程排行