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鍵並輸入新行代碼，然后輸入以提交表單

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();
    }
});

這是小提琴！

現在的問題是，提交表單后，有時輸入密鑰后刷新的功能無法正常工作。

詳細的解釋表示贊賞。

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();
});