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

Question

我正在研究书签功能（codeigniter，jquery，ajax）。下面是表单和jQuery代码的HTML。

这里发生的事情：

• 形式的数据提交给数据库
• 的页面重新加载
• 我没有得到成功的警报
• 如果我使用电子邮件。 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 
    }); 

Answer 1

你没有传递任何数据的采集。

尝试

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