0

ajaxを使用して投稿するフォームがあるため、ページが更新されません

フォームが投稿されたら、ユーザーが投稿した変数のいくつかを使用して、html ショーを先頭に追加したいと思います。

したがって、comment という名前のフィールドで、コメントを db に追加し、html の先頭にコメントを表示したいのですが、ユーザーが投稿したばかりの変数をどのように使用すればよいでしょうか?

フォームにはコメントという名前のテキスト入力があります - 私はコメントを取ります:

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

次に、データベースに追加するためにphpスクリプトに送信します

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

次に、コメントを div (id=test) の先頭に追加したいと思います。試してみました:

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

また、

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

しかし、どちらも本来のようには機能しません。これは可能ですか、それともより良い方法がありますか?

4

1 に答える 1

3

コードに構文エラーがあります+。連結には次を使用する必要があります。

$('#test').prepend('<div style="width:100%; overflow:auto;">' + comment + '</div>');
于 2012-10-17T12:11:35.457 に答える