Ajax要求用户多次获取信息，然后再获取和记录信息

Question

我在提交数据方面遇到了一些问题。 我正在尝试使用PHP和Ajax创建一个简单的聊天框，但是每当我尝试提交数据时，它只会在提交几次后才会发布。 我希望有人可以告诉我代码的问题。

我是一个非常新手的编码人员，这是我第一次使用此网站，所以如果它是一个明显的错误^^“

主要聊天框：

<head>
<link href="CSS.css" rel="stylesheet" type="text/css">
<script type="text/javascript">
function sendmessage()
{
if (window.XMLHttpRequest)
  {
  xmlhttp=new XMLHttpRequest();
  }
else
  {
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }


var name=encodeURIComponent(document.getElementById("name").value); var message=encodeURIComponent(document.getElementById("message").value); xmlhttp.open("POST","insert.php",true); xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); xmlhttp.send("name="+name+"&message="+message); } </script> </head> <body> <center> <table width="600"> <tr> <td height="400"> <center> <iframe src ="output.php" width="580px" height="386px"> <p>Your browser does not support iframes.</p> </iframe> </center> </td> </tr> <tr> <td> <form method="POST"></br> &nbsp Name: &nbsp &nbsp &nbsp <input type="text" id="name" autocomplete="off" size="15"/><br/><br/> &nbsp Message: &nbsp <input type="text" id="message" autocomplete="off" size="70"/> &nbsp <input type="submit" value="Send" onclick="sendmessage()"/> </form> </td> </tr> </table> </center> </body>

PHP文件读取输入数据并将其写入日志文件：

<?php
$name='<table><tr><td width="100%">'.$_POST['name']." Says:</td>";
$message="<table><tr><td>".$_POST['message']."</td></tr></table></br>\n"; 
$time="<td>".date("d/m/y-G:i")."</td></tr></table>";
$log = "log.file";
$write = fopen($log, 'a') or die("Can't open file");
fwrite($write, $name);
fwrite($write, $time);
fwrite($write, $message);
fclose($fh);
?>

Answer 1

每个人都应该采取的一项很好的措施是安全性，永远不要明确信任用户的友好，并准确输入您的期望。 始终要始终检查POST和GET变量是否安全，然后再使用它们。 应该探索诸如“ strip_tags”，“ mysql_real_escape”之类的功能（如果您将它们放入数据库中）。

Answer 2

我只是抓住了您的代码，并在计算机上对其进行了测试。 做了一些小的更改，但一切正常。 我刚刚评论

xmlhttp.execCommand('mceRemoveControl',false,'content');

然后在FireFox上一切正常。

在下面，您可以看到我运行的代码：

HTML：

<html>
<head>
<!--link href="CSS.css" rel="stylesheet" type="text/css"-->
<script type="text/javascript">
function sendmessage()
{
if (window.XMLHttpRequest)
  {
  xmlhttp=new XMLHttpRequest();
  }
else
  {
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }


var name=encodeURIComponent(document.getElementById("name").value);
var message=encodeURIComponent(document.getElementById("message").value);
xmlhttp.open("POST","insert.php",true);
xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
//xmlhttp.execCommand('mceRemoveControl',false,'content');
xmlhttp.send("name="+name+"&message="+message);
}
</script>
</head>
<body>
  <center>
    <table width="600">
      <tr>
        <td height="400">
          <center>
            <iframe src ="output.php" width="580px" height="386px">
              <p>Your browser does not support iframes.</p>
      </iframe>
          </center>
        </td>
      </tr>
      <tr>
        <td>
          <form method="POST"></br>
          &nbsp Name: &nbsp &nbsp &nbsp 
    <input type="text" id="name" autocomplete="off" size="15"/><br/><br/>
    &nbsp Message: &nbsp
    <input type="text" id="message" autocomplete="off"  size="70"/> &nbsp
    <input type="submit" value="Send" onclick="sendmessage()"/>
          </form>
        </td>
      </tr>
    </table>
  </center>
</body>
</html>

PHP：

<?php
try{
    $name='<table><tr><td width="100%">'.$_POST['name']." Says:</td>";
$message="<table><tr><td>".$_POST['message']."</td></tr></table></br>\n"; 
$time="<td>".date("d/m/y-G:i")."</td></tr></table>";
$file = "output.php";
$write = fopen($file, 'a') or die("Can't open file");
fwrite($write, $name);
fwrite($write, $time);
fwrite($write, $message);
fclose($write);
}catch(Exception $err){
    echo $err; 
}
?>

我刚刚在FireFox 3.6 Safari 5和Chrome 6中进行了尝试。我使用的是Mac，因此没有在IE中进行尝试。 在那三款浏览器中，一切都在我刚开始告诉您的那行之后运行良好。 您能证明有关您问题的更多细节吗？

Answer 3

好的，我设法解决了这个问题。 就像将ajax异步更改为false一样简单。 希望这不会造成任何其他问题。 多谢你们！