POST後にJqueryがtextareaの値を変更しない

Question

私は、textareasの値をMySQLデータベースに入力するページを持っています。これは擬似サブミットなので、データが入力された後、手動でテキストエリアの値を何も変更しません。しかし、submitを押すとデータは正しく入力されますが、textareaはクリアされません。 HTML（下記）は、回答の数に応じて数回エコーされます。

はJavaScript：

$('document').ready(function() { 
    $('.commentContainer').load('../writecomment.php'); 

    $("form").on("submit", function (e) { 
     e.preventDefault(); 

     var $form = $(this); 
     $.ajax({ 
      "url": $form.attr("action"), 
      "data": $form.serialize(), 
      "type": $form.attr("method"), 
      "response": function() { 
       $('.commentContainer').load('../writecomment.php'); 
       $('.commentBox').val(""); //this line doenst work 
      } 
     }); 
    }); 
}); 

HTML：

<textarea class='commentBox' wrap='soft' name='comment'></textarea> 
<input type='submit' value='comment' class='submitCommentBox'> 

Answer 1

$.ajaxは、そのオプションオブジェクトにresponseパラメータを取りません。あなたは、これは擬似提出する（あなたがそれを置くよう）ですので、私は完全にフォームの文脈からそれを取って推薦する

success: function() { 

代わりの

"response": function() { 

Answer 2

を使用する必要があります。

<textarea class='commentBox' wrap='soft' name='comment'></textarea> 
<input type='submit' value='comment' class='submitCommentBox'> 
<script> 
$(".submitCommentBox").on("click", function (e) { 
     var myComment = $(".commentBox").val(); 
     $.post("[YourUrl]",{comment:myComment},function(data){ 
      $('.commentBox').val(""); 
     }); 
    }); 
</script>