php - 使用 AJAX 将数据记录到数据库

Question

我需要使用 AJAX 将用户输入的评论立即保存到数据库中。这是评论框。

<div class="comment">
        <form action="comment.php">
        <textarea cols="35" name="comments"> Give us comment </textarea>
        <input type="button" value="comment" onclick="ajaxFunction()">
        </form>                 
 </div>

这是php代码

<?php

$link = mysql_connect("localhost","root","");
mysql_select_db("continental_tourism");

$comments = $_POST['comments'];

if($comments == "")
echo "Please type your comment";
else
{
$query = "insert into comment(comment) values('$comments') ";
mysql_query($query);
} 
return;
?>

我需要知道应该如何更改。谢谢你

Answer 1

我会像这样更改您的 HTML

<textarea cols="35" id="comments"> Give us comment </textarea>
<input type="button" value="comment" id="btnSave" />

和脚本

$(function(){
 $("#btnSave").click(function(e){
  e.preventDefault();
  $.post("yourphpfile.php", { comments : $("#comments").val() } ,function(data){
     alert(data);
  });  
 }); 
});

上面的脚本将向 yourphpfile.php 发送一个 ajax 请求，其中包含带有 id 注释的文本区域中存在的值。然后一旦它从服务器页面取回一些数据。它只是提醒它(如果你愿意，你可以在单独的 div 中显示它)。将数据保存到数据库后，您应该回显来自 php 文件的响应。

正如 bracketworks 已经提到的，在保存从查询字符串值中读取的数据时，您应该小心 SQL 注入(inject)。在将其放入查询之前进行适当的清理。抱歉，我不是 PHP 专家。所以不确定该怎么做。

不要忘记将 jQuery 库包含到您的页面。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>

如果遇到任何错误，您可以使用 firebug 控制台调试脚本错误。