为什么我的Ajax AutoSave无法正常工作？

Question

我正在使用在此页面上找到的脚本： http : //jetlogs.org/2007/11/11/auto-saving-with-jquery/自动保存我拥有的表单。 我只是想保存表格的文本区域。 以下是相关代码：

<head>
    <script type="text/javascript">
        $(document).ready(function(){           
            autosave();
        });

        function autosave()
        {
            var t = setTimeout("autosave()", 5000);

            var comments = $("#comments").val();

            if (comments.length > 0)
            {
                $.ajax(
                {
                    type: "POST",
                    url: "autosave.php",
                    data: "rubric_id=" + <?php echo $rubricid ?> + "&student_id=" + <?php echo $studentid ?> + "&comments=" + comments,
                    cache: false,
                    success: function(message)
                    {   
                        $("#autosave_status").empty().append(message);
                    }
                });
            }
        } 
        </script> 
</head>
<body>
<div id="autosave_status"></div>
<form action='assess.php?student=146&rubric=19' method='POST'>
<textarea id="elm1" name="comments" rows="15" cols="80" style="width: 80%">
</form>
</body>

这是PHP：

<?php
//include DB configuration file
  include "../../signout/database.php";


$comments = mysql_real_escape_string($_POST['comments']);
$rubric_id = (int)$_POST['rubric_id'];
$student_id = (int)$_POST['student_id'];



//save contents to database
$sql = "UPDATE rubrics_comments SET comments = '$comments' WHERE studentid = '$student_id' AND rubricid='$rubric_id'";
mysql_query($sql) or die (mysql_error());
echo $sql;



//output timestamp
echo 'Saved';

?>

似乎ajax甚至都无法正常工作，因为我在窗体所在的页面上没有看到任何显示更改或错误消息。

有任何想法吗？ 谢谢！

Answer 1

您的textarea的ID为elm1

<textarea id="elm1" name="comments" rows="15" cols="80" style="width: 80%">

但是您尝试通过

$("#comments")

改成

$("#elm1")

要么

$("[name=comments]")

Answer 2

您的textarea的ID不是“ comments”。 而且您正在使用id选择器$("#id");

Answer 3

两件事情：

更改

 var comments = $("#comments").val();

至

 var comments = $("#elm1").val();

并关闭您的textarea元素：

</textarea>

为什么我的Ajax AutoSave无法正常工作？

问题描述

3 个解决方案

解决方案1
5 2011-07-27 21:26:19

解决方案2
1 2011-07-27 21:27:05

解决方案3
1 2011-07-27 21:30:13

为什么我的Ajax AutoSave无法正常工作？

问题描述

3 个解决方案

解决方案1 5 2011-07-27 21:26:19

解决方案2 1 2011-07-27 21:27:05

解决方案3 1 2011-07-27 21:30:13

解决方案1
5 2011-07-27 21:26:19

解决方案2
1 2011-07-27 21:27:05

解决方案3
1 2011-07-27 21:30:13