Textarea表單提交而不刷新？

Question

textarea的也不是沒有刷新出來與刷新

代碼提交表單的提交表單

$(document).ready(function(){$("#post_reply").click(function(event) { 
     $.post('../services/leave_comment.php', $("#open_status").serialize(), 
     function(data) 
     if(data.split("::")[1]==true){ 
      $("#data_status").html("Commented Successfully..");  
      $("#data_status").fadeOut(3000);    document.getElementById('_comment').value=''; 
      $('#_comment').html(""); 
      location.reload(); 
     }else if(data.split("::")[1]==false){ 
      $("#data_status").html("Error occured in Comment Submission.. Try Again..");    +  
     $("#data_status").fadeOut(3000); 
     } 

    } 
); 
}); 

代碼Shift + Enter新行，輸入表單提交

function getCaret(el) { 
    if (el.selectionStart) { 
     return el.selectionStart; 
    } else if (document.selection) { 
     el.focus(); 
     var r = document.selection.createRange(); 
     if (r == null) { 
      return 0; 
     } 
     var re = el.createTextRange(), 
     rc = re.duplicate(); 
     re.moveToBookmark(r.getBookmark()); 
     rc.setEndPoint('EndToStart', re); 
     return rc.text.length; 
    } 
    return 0; 
} 
$('.commenttextarea').keyup(function (event) { 
    if (event.shiftKey && event.keyCode == 13) { 
     var content = this.value; 
     var caret = getCaret(this); 
     this.value = content.substring(0, caret) + "\n" + content.substring(caret, content.length - 1); 
     event.stopPropagation(); 
    } else if (event.keyCode == 13) { 
     $('.commentform').submit(); 
    } 
}); 

這裏是Fiddle!!

現在pr它會在提交表格 後更新，有時輸入密鑰不能正常工作。

詳細解釋讚賞。

Answer 1

試試這個event.preventDefault()將幫助你不刷新頁面，我們可以提交。當你在事件處理程序中使用ajax時，使用event.preventDefault()來防止頁面刷新。

(document).ready(function(){$("#post_reply").click(function(event) { 

    event.preventDefault(); //NOTE HERE 

$.post('../services/leave_comment.php', $("#open_status").serialize(), 
      function(data) 
    if(data.split("::")[1]==true){ 
$("#data_status").html("Commented Successfully..");  
$("#data_status").fadeOut(3000);    document.getElementById('_comment').value=''; 
    $('#_comment').html(""); 
    location.reload(); 
    }else if(data.split("::")[1]==false){ 
     $("#data_status").html("Error occured in Comment Submission.. Try Again..");    +  
    $("#data_status").fadeOut(3000); 
    } 

      } 
     ); 
     }); 

添加如下代碼。

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