局部刷新实例 ajax

来源:互联网 发布:java split() 编辑:程序博客网 时间:2024/05/12 05:34

<html> 
  <head> 
  <meta   http_equiv="Content-Type"   content="text/html;charset=gb2312"> 
  <title> 
  处理返回的XML 
  </title> 
  <script   language="javascript"> 
  function   updateObj(obj,   data){ 
        document.getElementById(obj).firstChild.data   =   data; 
  } 
    </script> 
  </head> 
  <body> 
          <a   href="javascript:void(0)"   onclick="updateObj('123','12345')">change</a> 
          </p> 
          <table   width=30%   border=1> 
          <tr> 
            <td>十三大是否</td> 
            <td>十三大是否</td> 
          </tr> 
          <tr> 
            <td   id="123">十三大是否</td> 
            <td>十三大是否</td> 
          </tr> 
          </table> 
  </form> 
  </body> 
  </html>

PHP Ajax实现页面无刷新

转载自 http://hi.baidu.com/isnono/blog/item/6a9791828bd3bebf6c8119b1.html
大 家都有在网站发表评论的经历,传统的发表过程无非是:发表->提交页面表单->等待刷新页面,这样在网络比较拥挤的时候,往往需要漫长的等 待,今天介绍用PHP+Ajax实现页面无刷新发表评论,希望对初学ajax的PHPer有所帮助。   那么首先,我们需要一个基本的ajax开发框 架,文件ajax.js就包含了这个框架,代码如下:
有一点ajax基础的通过注释,应该都可以看懂这段代码,我们可以看出,当我们开始发表评论的时候,在一个特定位置先显示:正在发送数据...。接着调用回调函数处理数据。那么请看服务器端的代码:
由 于jsvascript采用UTF8编码,在windows下采用ajax回送服务器的返回信息就会出现乱码,因此在win下应用开头第一句是非常必要 的。中间那段两个包含文件是数据库操作类和数据库配置信息,我个人习惯将基本的数据库操作写成一个类,方便调用。到这里相信大家已经基本明白这个程序的工 作原理了,在给出页面的HTML代码:
这是我网页的一部分,也就是实现这一功能的框架代码,显示评论的页面用IFRAME(隐藏帧)调用,待信息发送完之后,只刷新IFRAME那一块就可以看到自己发的评论,从发送到查看,整个过程都不需要刷新整个页面。好了,最后看看效果图吧!^_^
   1.点击“提交”,开始发送数据

2. 数据发送成功

3. 刷新评论列表