动态删除数据不起作用

Question

我正在尝试使用 jquery ajax 来删除某些特定于配方成分的数据，并且我正在使用 CodeIgniter 框架，但它失败了。这是我的代码部分：

$(".delete").live('click',function()
{
 var ri_id = $(this).attr('id');
 if(confirm("Are you sure you want to delete this ingredient? Action cannot be undone."))
 { 
  var r_id = "<?php echo $this->uri->segment(3); ?>";
  alert(ri_id +" " +r_id); 
  $.ajax({
     type: "POST",
     url: "/ingredient/delete",
     data: "ri_id="+ri_id +"&r_id=" +r_id,
     success: function(){
      $(this).parent().parent().parent().remove();
     },
     failure : alert('fail')
  });

那么这里是我的配料.php：

class Ingredient extends CI_Controller {

    function delete()
    {
        $data['ri_id']= $this->input->post('ri_id');
        $data['r_id']= $this->input->post('r_id');

        if (!empty($data['id']))
        {
            $this->load->model('ingredient_model', '', TRUE);
            $this->ingredient_model->delete_recipe_ingr($data);
            $this->output->set_output('works');
        } 
        else 
        {
            $this->output->set_output('dontwork');
        }
    }

}

还有我的模特：

  class Recipe_model extends CI_Model
  {
      public function delete_recipe_ingr($data)
      {
          $this->db->where($data);
          $this->db->delete('st_recipe_ingredients');  
      } 
  }

是我遗漏了什么还是我的代码有误？我将衷心感谢您的帮助。提前致谢。

Answer 1

我的第一个猜测是 this 并不是你认为的那样：

success: function(){
  $(this).parent().parent().parent().remove();
},

来自fine manual：

上下文
该对象将成为所有与 Ajax 相关的回调的上下文。默认情况下，context 是一个表示调用中使用的 ajax 设置的对象（$.ajaxSettings 与传递给 $.ajax 的设置合并）。

所以在你的 success 回调中，this 几乎是一个简单的对象，而不是 DOM 中的东西。

有两种标准解决方案。您可以保存对this 的引用并使用它：

var self = this;
$.ajax({
    // ...
    success: function() {
        $(self).parent().parent().parent().remove();
    },
    // ...

或使用context 选项到$.ajax：

$.ajax({
    // ...
    context: this,
    success: function() {
        $(this).parent().parent().parent().remove();
    },
    // ...

当然，还要修复 cmets 中讨论的 failure 内容。