Chinaunix首页 | 论坛 | 博客

天空从何开始hzm.blog.chinaunix.net

首页　| 　博文目录　| 　关于我

tkchks

  • 博客访问： 2561387
  • 博文数量： 245
  • 博客积分： 4125
  • 博客等级： 上校
  • 技术积分： 3113
  • 用 户 组： 普通用户
  • 注册时间： 2009-03-25 23:56
文章分类

全部博文（245）

文章存档

2015年（2）

2014年（26）

2013年（41）

2012年（40）

2011年（134）

2010年（2）

我的朋友
最近访客
推荐博文
相关博文
基于SAE的AJAX留言板

分类： 系统运维

2011-10-08 16:38:38


http://blog.chinaunix.net/space.php?uid=21209537&do=blog&id=2722878

数据库表
message(id,email,content)

包括2个php页面：message.php（留言页面）和message_ajax.php（处理异步请求）

message.php

  1. <?php
  2.     
  3.     #[Select message from DB]
  4.     $mysql = new SaeMysql();
  5.     $sql = "SELECT * FROM `message` order by id desc LIMIT 10";
  6.     $data = $mysql->getData( $sql );
  7.     #print_r($data);
  8.     
  9.     if( $mysql->errno() != 0 )
  10.     {
  11.         die( "Error:" . $mysql->errmsg() );
  12.     }
  13.      
  14.     $mysql->closeDb();
  15.     

  17. ?>
  18. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  19. <html>
  20.     <head>
  21.         <title>Leave Message</title>
  22.         <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  23. <script language="javascript" type="text/javascript">
  24.   var xmlHttp;
  25.   function createXMLHttpRequest(){
  26.     if(window.ActiveXObject)
  27.       {
  28.          xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
  29.       }
  30.       else if(window.XMLHttpRequest)
  31.       {
  32.         xmlHttp = new XMLHttpRequest();
  33.       }else{
  34.         alert("浏览器不支持XMLHttpRequest对象");
  35.       }
  36.   }
  37.   
  38.   function createQueryString(){
  39.     var email = document.getElementById("email").value;
  40.     var content = document.getElementById("content").value;
  41.     var queryString = "email="+ email + "&content="+ content ;
  42.     //alert(queryString);
  43.     return queryString;
  44.   }
  45.   
  46.   function doRequestUsingPOST(){
  47.     createXMLHttpRequest();
  48.     
  49.     var url = "message_ajax.php?timeStamp=" + new Date().getTime();
  50.     var queryString = createQueryString();
  51.     xmlHttp.open("POST",url,true);
  52.     xmlHttp.onreadystatechange = handleStateChange;
  53.     xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded;");
  54.     xmlHttp.send(queryString);
  55.   }
  56.  
  57.   function handleStateChange(){
  58.      if(xmlHttp.readyState == 4){
  59.         if(xmlHttp.status == 200){
  60.            parseResult();
  61.            //alert("OK");
  62.         }
  63.      }
  64.   }
  65.   
  66.   function parseResult(){
  67.       
  68.     var responseDiv = document.getElementById("newmessage");
  69.     if(responseDiv.hasChildNodes()){
  70.       responseDiv.removeChild(responseDiv.childNodes[0]);
  71.     }
  72.     var responseText = xmlHttp.responseText;//document.createTextNode(xmlHttp.responseText);
  73.     responseDiv.innerHTML = responseText;
  74.     //responseDiv.appendChild(responseText);
  75.   }
  76.   

  78.   </script>
  79. </head>

  81. <body>
  82. <div style="width:800px;margin:0 auto;">
  83.     <form action="#" >
  84.      <fieldset>
  85.     <legend>Leave Message Here</legend>
  86.     <table>
  87.         <tr>
  88.             <td>Email:</td>
  89.             <td><input name="email" id="email" type="email" /></td>
  90.         </tr>
  91.         <tr>
  92.             <td>Content:</td>
  93.             <td><textarea name="content" id="content" cols="80" rows="6" ></textarea></td>
  94.         </tr>
  95.         <tr>
  96.             <td></td>
  97.             <td><input name="button1" type="button" value="Post" onclick="doRequestUsingPOST()" /></td>
  98.         </tr>
  99.     </table>
  100.   </fieldset>
  101.  </form>
  102. </div>
  103. <div style="width:800px;margin:0 auto;">
  104.   <hr style="width:800px;margin-bottom:15px;"/>
  105.     <h2>Here are the messages:</h2>
  106. </div>
  107. <div id="newmessage" style="width:800px;margin:0 auto;">
  108.     
  109.     <table style="border:1px gray dash;">
  110.         <?php foreach($data as $message){ ?>
  111.         <tr>
  112.             <th style="background-color:gray;">Email:</th>
  113.             <td><?php echo $message['email']; ?></td>
  114.         </tr>
  115.         <tr>
  116.             <th style="background-color:gray;">Content:</th>
  117.             <td><?php echo $message['content']; ?></td>
  118.         </tr>
  119.         <tr><td colspan="2"></td></tr>
  120.     <?php } ?>
  121.     </table>
  122. </div>
  123. </body>
  124. </html>

message_ajax.php

  1. <?php
  2.       $mysql = new SaeMysql();
  3.         $email = strip_tags($_POST['email']);
  4.         $content = strip_tags($_POST['content']);
  5.         $sql1 = "insert into message values(NULL, '" . $mysql->escape($email) . "' ,'".$mysql->escape($content)."')";
  6.         $mysql->runSql( $sql1 );
  7.     
  8.        
  9.       $sql = "SELECT * FROM `message` order by id desc LIMIT 10";
  10.       $data = $mysql->getData($sql);
  11.       $responseText = "";
  12.      
  13.       foreach($data as $message){
  14.           $onemessage = "
  15.                 

  16.                     

  17.                     

  18.                 

  19.                 

  20.                     

  21.                     

  22.                 
    23. ";
  23.                 $responseText = $responseText.$onemessage;
  24.             }
  25.             $responseText = $responseText."
    26. Email:".$message['email']."
    Content:".$message['content']."
    "    ;
  26.             echo $responseText;
  27.         
  28.          
  29. ?>


阅读(1087) | 评论(1) | 转发(0) |
0

上一篇：CPI和存款利率的关系

下一篇：STS 的 server 的问题

给主人留下些什么吧！~~

远离繁华2011-10-14 10:36:39

回复 | 举报
关于我们 | 关于IT168 | 联系方式 | 广告合作 | 法律声明 | 免费注册

Copyright 2001-2010 ChinaUnix.net All Rights Reserved 北京皓辰网域网络信息技术有限公司. 版权所有

感谢所有关心和支持过ChinaUnix的朋友们

16024965号-6