CI+；AJAX，双重发布+；页面刷新

因此，我有一个包含1个textarea和两个隐藏输入的标准表单，我想通过AJAX将其发布到一个CI控制器，该控制器将信息插入到数据库中

我遇到的问题是a）页面操作仍然被调用，并且显示控制器的输出；b）由于初始AJAX请求仍然被处理，加上操作目标的额外加载，信息被插入两次

这是我的javascript代码：

                 $(document).ready(function() {
                    $("#submit-comment").click(function(){

                        var post_id = <?=$p->id?>;
                        var user_id = <?=$user->id?>;
                        var content = $("textarea#content").val();  

                        if(content == '') {
                            alert('Not filled in content');
                            return false;
                        }

                        $.ajax({
                           type: "POST",
                           url: "<?=site_url('controller/comment')?>",
                           data: "post_id="+post_id+"&user_id="+user_id+"&content="+content,
                           success: function(msg){
                            alert(msg);
                           }
                         });
                    });
                });

$（文档）.ready（函数（）{
$（“#提交评论”）。单击（函数（）{
var post_id=；
var user_id=；
var content=$（“textarea#content”）.val（）；
如果（内容=“”）{
警报（“未填写内容”）；
返回false；
}
$.ajax({
类型：“POST”，
url:“”，
数据：“post_id=“+post_id+”&user_id=“+user_id+”&content=“+content，
成功：功能（msg）{
警报（msg）；
}
});
});
});

我已经试过了

…单击（功能（e）…e.preventDefault

没有运气

我做错了什么

谢谢

---

另外，所有的信息都经过了正确的处理和访问，只是为了防止表单出错。

刚刚意识到我使用的是输入类型=“提交”，而不是输入类型=“按钮”

啊