在codeigniter jquery + ajax书签功能中停止页面加载

时间:2012-05-03 13:36:35

标签: jquery jquery-ui codeigniter codeigniter-2

我正在开发书签功能(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
    });

1 个答案:

答案 0 :(得分:2)

你没有传递任何数据。

尝试

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