Javascript 如何使用ajax插入mysql表？

我想使用ajax将数据插入表中，这样数据就可以在不重新加载页面的情况下插入

这段代码很好地将数据插入表中，但代码也会重新加载页面

但我希望插入而不重新加载页面

我该怎么做

<?php
include('connection.php');
if(isset($_POST['cmt'])){
    $comment = addslashes($_POST['cmt']);
    $alertid = $_POST['alert_id'];
    mysql_query("INSERT INTO `comments` (`id`, `alert_id`, `comment`, `username`) VALUES (NULL, '".$alertid."', '".$comment."', 'tomas')");
}
?>


<script>
  function submitform(){
    var comment = $("#comment").val();
    var alertid = $("#alertid").val();
    $.ajax({
        type: "POST",
        //url: "ana.php",
        data:{cmt:comment,alert_id:alertid}
    }).done(function( result ) {
        $("#msg").html( result );
    });

  }
</script>

<form method = "POST" onsubmit = "submitform()">
   <textarea onFocus = "myFunction(1)" onBlur = "myFunction(0)" style="margin: 0px 0px 8.99305534362793px; width: 570px; height: 50px;" rows = "6" cols = "40" id = "comment"></textarea><br />
   <input type = "text" placeholder="Enter Maximium 100 Words" id = "alertid" value = "10">
   <input  type = "submit" name = "submit" value = "Comment">
</form>

---

从事件处理程序函数返回false

onsubmit="submitform(); return false;">

考虑移动到。
您必须创建一个php文件，将发布的数据插入到表中，并使用ajax调用它，如下所示：

$.ajax({
url: "/file.php",
type: "POST",
cache: false,
dataType: "json",
data: postValue,
success: function(results) {
    bootbox.alert(results.message, function() {
        bootbox.setIcons(null);
        window.location.reload();
    });
},
error: function(results) {
    bootbox.alert(results.message, function() {
        bootbox.setIcons(null);
    });
}

}))
 尝试将此添加到表单onsubmit=“return submitform（）；”

危险：您正在使用并且应该使用。您还容易受到（
addslashes
不够）的攻击，而现代API会使您更容易使用这些攻击。@AbhikChakraborty-不会有任何好处，因为它不是jQuery事件处理程序。@Quentin是的，他正在使用onsubmit，所以yes return false应该可以做到这一点。
 function submitform(){
    var comment = $("#comment").val();
    var alertid = $("#alertid").val();
    $.ajax({
        type: "POST",
        //url: "ana.php",
        data:{cmt:comment,alert_id:alertid}
    }).done(function( result ) {
        $("#msg").html( result );
    });
    return false;
  }