首页 手机软件 手机游戏 单机游戏 资讯文章 专题下载 游戏合集 文章合集 php下载 php教程 电脑软件
+ -
当前位置：首页 → 问答吧 → php+jquery+ajax分页的问题

php+jquery+ajax分页的问题

时间：2009-09-06

来源：互联网

大家帮我看看这段代码有什么问题，为什么ajax不能正常翻页？谢谢啊

index.htm
复制代码
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <script language="javascript" src="images/jquery-1.3.2.min.js" type="text/javascript"></script>
  5. <script language="javascript" src="images/jqueryajax.js" type="text/javascript"></script>
  6. <link href="images/style.css" rel="stylesheet" type="text/css" />
  7. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
  8. <title>guest_book</title>
  9. </head>
  10. <body><div id="all">
  11. <div id="wrapper">
  12.     <div id="main">
  13.         <h1>留言版</h1>
  14.         <span id="post_mess"><a href="http://www.duanjiandong.cn" title="椰岛驿站">回到首页</a> | <a href="#footer" title="发表留言">发表留言</a></span><br /><br />
  15.             <div class="pagebar">页数:4 3个/页  <b>[1]</b>  
  16.             <a href="javascript:do_page('/JqueryAjaxGuestBook/index.php?do=index&p=2')">[2]</a>  
  17.             <a href="javascript:do_page('/JqueryAjaxGuestBook/index.php?do=index&p=3')">[3]</a>  
  18.             <a href="javascript:do_page('/JqueryAjaxGuestBook/index.php?do=index&p=4')">[4]</a>  
  19.             <a title=下一页 href="javascript:do_page('/JqueryAjaxGuestBook/index.php?do=index&p=2')">[>]</a> ...
  20.             <a title=最后一页 href="javascript:do_page('/JqueryAjaxGuestBook/index.php?do=index&p=4')">[4]</a> </div>
  21.         <!--[if !IE]><!-->  
  22.             <div id="loading"></div>
  23.         <!--<![endif]-->
  24.               
  25.                  <div class="post">
  26.                 <h3> |<a href="12" target="_blank">个人主页</a> |2009-03-04 18:31:42 曰:</h3>    
  27.                 <div></div>
  28.                 <div class="reply">
  29.                     <strong>Reply:</strong>
  30.                 </div>
  31.             </div>
  32.               
  33.                  <div class="post">
  34.                 <h3>ajax |<a href="11" target="_blank">个人主页</a> |2008-03-08 23:39:40 曰:</h3>    
  35.                 <div>ajax test</div>
  36.                 <div class="reply">
  37.                     <strong>Reply:</strong>
  38.                 </div>
  39.             </div>
  40.               
  41.                  <div class="post">
  42.                 <h3>零零碎碎 |<a href="10" target="_blank">个人主页</a> |2008-03-08 22:34:55 曰:</h3>    
  43.                 <div>或者</div>
  44.                 <div class="reply">
  45.                     <strong>Reply:</strong>
  46.                 </div>
  47.             </div>    
  48.     <div id="footer"><br />
  49.         <a href="http://validator.w3.org/check?uri=referer" target="_blank"><img src="images/w3chtm.gif" alt="Valid XHTML 1.0 Transitional" border="0"/></a>
  50.         <a href="http://validator.w3.org/check?uri=referer" target="_blank"><img src="images/w3css.gif" alt="Valid XHTML 1.0 Transitional" border="0"/></a>
  51.         Copyright 2008 breeze All Rights Reserved    
  52.     </div>
  53. </div><!--end main-->
  54. </div><!--end all-->
  55. </body>
  56. </html>


jqueryajax.js
复制代码
  1. $(document).ready(function(){
  2. do_page(url);
  3. });
  4. function do_page(url){
  5. $.ajax({
  6.   url: url,
  7.   type: 'GET',
  8.   dataType: 'html',
  9.   timeout: 20000,
  10.   beforeSend: function(){
  11.    $('#loading').innerHTML = "loading...";
  12.    $('#loading').show();
  13.         },
  14.   success: function(data){
  15.    $('#all').html(data);
  16.   },
  17.   complete: function(){
  18.    $('#loading').hide(500);
  19.   },
  20.   error: function(){
  21.    alert("您所请求的页面不正常！");
  22.   }
  23. });
  24. }

作者: blue520   发布时间: 2009-09-06

相关阅读 更多

热门阅读

热门下载

更多
关于本站 免责申明 联系我们

Copyright 2006-2020 php爱好者(phpfans.net) All Rights Reserved.备案号：湘ICP备2023016114号-2

本站为非盈利性网站，不接受任何广告。本站所有资源均由网友上传，如有侵权，请发邮件至 [email protected] phpfans.net