预先使用发布的变量

Question

我有一个使用 ajax 发布的表单，因此没有页面刷新

当表单发布后，我想使用用户刚刚发布的一些变量来预先显示 html。

所以，一个名为comment的字段，我想将评论添加到数据库中，然后在html前面添加评论以在顶部显示评论，但是我如何使用用户刚刚发布的变量？

表单有名为评论的文本输入 - 我接受评论：

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

然后将其发送到一个php脚本以添加到db中

$.ajax({
type: "POST", // form method
url: "/pages/test/test_comments.php",// destination
data: dataString,
cache: false,
success: function(html){

然后我想将 cmets 添加到 div 的顶部 (id=test) - 我已经尝试过：

$('#test').prepend('<div style="width:100%; overflow:auto;">comment</div>');

还有

$('#test').prepend('<div style="width:100%; overflow:auto;">'comment'</div>');

但两者都不能正常工作 - 这是可能的还是有更好的方法？

Answer 1

您的代码有语法错误，您应该使用+ 进行连接：

$('#test').prepend('<div style="width:100%; overflow:auto;">' + comment + '</div>');