停止codeigniter jquery中的页面加载+；ajax书签函数

我正在开发一个书签功能（codeigniter、jquery、ajax）。下面是表单的HTML和jQuery代码

发生的事情如下：

• 表单正在将数据提交到数据库
• 页面正在重新加载
• 我没有收到成功警报
• 如果我使用e.preventDefault（）或返回false，则页面不会重新加载，我会收到成功警报，但传递到数据库的数据是0

HTML表单

<?php echo form_open('bookmarks/addBookmark'); ?>
<?php echo form_hidden('bookn', $bname); ?>
<?php echo form_hidden('booki', $this->uri->segment(4, 0)); ?>
<button class="bb_button">Bookmark</button>
<?php echo form_close(); ?>

书签

jQuery

$('.bb_button').click(function() { 
            $.ajax({
                url: 'bookmarks/addBookmark',
                type: 'POST',
                success: function (result) {
                    alert("Your bookmark has been added.");
                }                                         
            }); 
       //return false<--this is where I used it
    });

$（'.bb_按钮'）。单击（函数（）{
$.ajax({
url:'bookmarks/addBookmark'，
键入：“POST”，
成功：功能（结果）{
警告（“您的书签已添加。”）；
}                                         
}); 
//return false您没有传入任何数据

试一试

你没有在ajax请求中发送任何类型的数据..是的！对于未来的Google用户，我必须在URL中添加一个前导斜杠（认为这是Codeigniter独有的），我必须在字段周围加引号，并且必须删除数据前后的空格（例如，{“bookn”：…）。效果非常好
$('.bb_button').click(function(e) { 
    $.ajax({
        url: 'bookmarks/addBookmark',
        type: 'POST',
        data: { bookn: $("[name='bookn']").val()​, booki: $("[name='booki']").val()​ },
        success: function (result) {
            alert("Your bookmark has been added.");
        }                                         
    }); 
    e.preventDefault();
});