如何使用ajax代码通过CodeIgniter将视图数据传递给Controller？

Question

I have a problem to delet the row data from a page. After clicking "OK" buttton nothing would be appear.

<td><a id ="mybutton" data-toggle="modal" data-target="#confirm_delete_button" data-id="<?php  echo $row -> id?>"  href="" ><i class="glyphicon glyphicon-remove"></i></a>

The modal is

<div class="modal fade" id="confirm_delete_button" role="dialog" aria-labelleby="myModalLabel" aria-hidden="true" z-index: 1050;>
        <div class="modal-dialog">
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h class="modal-title" id="myModalLabel">Delet this data</h>

            </div>
            <div class="modal-body">
              <h4>Are you sure? </h4>
              <div id="done"></div>
            </div>

              <div class="modal-footer">
                <button type="button" class="btn btn-danger" id="confirmOk">Ok</button>
                <button type="button" class="btn btn-success" data-dismiss="modal" aria-hidden="true">Cancel</button>
              </div>
          </div>
        </div>
      </div>

The JQuery code is

<script type="text/javascript">
        $(document).ready(function(){

          $('#mybutton').click(function(){
            var id = $(this).data('id');
            $('#confirmOk').data('id',id);
              });

          $('#confirmOk').click(function(){
           var id = $(this).data('id');
            $.ajax {
              url : "<?php echo base_url();?>item_list/delete_item/",
              type : "post" ,
              data : {"id":id},
              dataType:"json",
              success : function (data) {
                $('#confirm_delete_button').modal('hide');

                } 

                  }
                    });
              });
        </script>

The function of controller file item_list.php file is

public function delete_item () {
    //$id = $this->uri->segment(3);
    $id=$this->input->post('id');
    $this -> item_list_model -> delete_item ($id);
     echo $id;
}

The item_list_model.php file is

public function delete_item ($id) {

    return $this -> db -> query ("DELETE FROM item WHERE id='$id' ");

            }

The output is The "OK" button does not delet the row

Answer 1

Try out below code

Controller

    public function delete_item () {
        //$id = $this->uri->segment(3);
        $id=$this->input->post('id');
        $result = $this->item_list_model->delete_item ($id);
             if($result > 0 ){
             echo "success";
             }else{
             echo "failure";
             }
    }

Model

    public function delete_item ($id) {      
        $this->db->where('id', $id);
        $this->db->delete('item');
        return $this->db->affected_rows();          
        }

ajax

           success : function (data) {
            //$('#confirm_delete_button').modal('hide');
           alert(data);
            } 

Answer 2

Actually your ajax post endpoint into controller should return some response using echo + json enconde. In that way your success callback into ajax jquery call can catch it and continue the flow correctly (hiding modal).

JQuery Ajax POST in Codeigniter

Answer 3

尝试将data : {"id":id},更改为data : {id:id},也许数据ID在控制器中未正确发送，这就是为什么它不起作用。