欢迎来到山村网

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

2019-03-02 11:21:05浏览:520 来源:山村网   
核心摘要:这篇文章主要介绍了自己写的ajax翻页效果,模仿yii框架,需要的朋友可以参考下代码如下:!DOCTYPE htmlhtmlheadtitleajax分页/titl

这篇文章主要介绍了自己写的ajax翻页效果,模仿yii框架,需要的朋友可以参考下

代码如下:<!DOCTYPE html><html><head><title>ajax分页</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, Safarixmlhttp=new XMLHttpRequest();}else{// code for IE6, IE5xmlhttp=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></head><body><table id="updateId"><tr><td>id</td><td>标题</td><td>时间</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></html>
(责任编辑:豆豆)
下一篇:

实现类似facebook无刷新ajax更新

上一篇:

python小程序----解迷宫图片

  • 信息二维码

    手机看新闻

  • 分享到
打赏
免责声明
• 
本文仅代表作者个人观点,本站未对其内容进行核实,请读者仅做参考,如若文中涉及有违公德、触犯法律的内容,一经发现,立即删除,作者需自行承担相应责任。涉及到版权或其他问题,请及时联系我们 xfptx@outlook.com