jQuery POST刷新页面

Question

我有一些采用文本输入的值并将其放入MySQL数据库的jQuery。但是，当jQuery运行时，页面刷新并且表单中的变量几乎作为GET变量出现在URL中。但是，没有一个变量是GET。理想情况下，我希望网页不要刷新。

的jQuery：

$('.commentBox').keypress(function(e) { 

    if(e.which == 13) { 
     if ($.trim($(this).val()) == ""){ 
      $('#nocomment').modal('show'); 
     } 
     else { 
      var form = $(this).siblings('.commentForm'); 
      var commentbox = $(this).val(); 

      $.ajax({ 
       type: "POST", 
       url: "../comment", 
       data: form.serialize(), 
       success: function(){ 
        commentbox.val(''); 
        form.siblings('.commentContainer').append(response); 
       } 
      }); 
     } 
    } 

}); 

HTML（从PHP呼应）：

<form class='commentForm'> 
    <input type='hidden' name='record_id' value='$answerid[$f]' /> 
    <input type='hidden' name='question_id' value='$q' />"; 
    <input type='text' class='commentBox' placeholder='...comment' name='comment' autocomplete='off' />"; 
</form> 

Answer 1

你必须要么返回false或防止默认情况下，这将停止的形式从提交：

$('.commentBox').keypress(function(e) 
{ 
    if(e.which == 13) 
    { 
     e.preventDefault(); // <-- This will stop the form from submitting. 

     if ($.trim($(this).val()) == "") 
     { 
      $('#nocomment').modal('show'); 
     } 
     else 
     { 
      var form = $(this).closest('.commentForm'); 
      var commentbox = $(this).val(); 
      $.ajax({ 
       type: "POST", 
       url: "../comment", 
       data: form.serialize(), 
       success: function(){ 
        commentbox.val(''); 
        form.siblings('.commentContainer').append(response); 
       } 
      }); 
     } 
    } 
}); 

Answer 2

您需要防止按下Enter键时发生的默认操作，即通过GET提交表单。

e.preventDefault();

$('.commentBox').keypress(function(e) { 

    if(e.which === 13) { 

     // Prevent the default only when it's the enter key 
     e.preventDefault(); 

     if ($.trim($(this).val()) === ''){ 
      $('#nocomment').modal('show'); 
     } 
     else { 
      var form = $(this).siblings('.commentForm'); 
      var commentbox = $(this).val(); 

      $.ajax({ 
       type: "POST", 
       url: "../comment", 
       data: form.serialize(), 
       success: function(){ 
        commentbox.val('' ; 
        form.siblings('.commentContainer').append(response); 
       } 
      }); 
     } 
    } 

});