2016-11-23 113 views
1

你好我想插入数据到数据库使用AJAX Codeigniter使用模式框Bootstrap,我可以插入我的数据到我的表,但我发现一个结果不是我想要的。当我插入数据后,我想在列表的末尾显示我的新数据,保存后的动作关闭模式,然后添加我的列表(我的列表是复选框数据),但我的新列表是从我的表中检索整个数据。请问您想解决我的problem..Thanks使用AJAX保存数据后的刷新列表CodeGo.net

这里是我的控制器

function list_type_placement(){ 
     $type_placement=$this->type->get_by('level',1); 
     if ($type_placement<>0) { 
      $row=0; 
      foreach ($type_placement as $key => $value) { 
       $row++; 
       echo " 
        <div class='checkbox' id='rows".$row."'> 
         <input id=".$value->id_type." type='checkbox' name='id_type[]'' value=".$value->id_type."> 
         <label for=".$value->id_type."> 
          ".$value->type_name." 
         </label> 
        </div> 
       "; 
      } 
     } 
     exit; 
    } 

我查看

<div id="placement"> 
</div> 

这是我的阿贾克斯行动

<script type="text/javascript"> 
    $(document).ready(function(){ 
    list_placement(); 
    }); 
    function list_placement(){ 
    $.ajax({ 
     url:"<?php echo base_url() ?>product/list_type_placement", 
     type:'GET', 
    }).done(function(response){ 
     $("#placement").append(response); 
    }); 
    } 
    function save(){ 
    $('#btnSave').text('Saving...'); 
    $('#btnSave').attr('disabled',true); 

    $.ajax({ 
     url : "<?php echo site_url('product/save_placement')?>", 
     type: "POST", 
     data: $('#form').serialize(), 
     dataType: "JSON", 
     success: function(data) 
     { 
     if(data.status) 
     { 
      $('#modal-form').modal('hide'); 
      list_placement();         
     }   
     } 
    }).done(function(response){ 
      $("#placement").last().append(response); 
    }); 
    } 
</script> 

这是我电流输出

enter image description here

+1

现在,数据正确保存并显示。对? –

+1

如果没错。那么你可以使用'list_type_placement()'方法来检索最后的单个数据。和'$(“#placement”)。last()。append(response);' –

+0

你能告诉我该怎么做吗?我尝试了,但仍然无法工作 –

回答

1

您可以添加新方法lists()检索最后一个单一数据的方法。

在控制器:

function lists(){ 
    $this->db->order_by('id_type', 'desc'); 
    $this->db->limit(1); 
    $query = $this->db->get('type_table'); 
    $value = $query->row(); 
    echo "<div class='checkbox' id='rows".$row."'> 
      <input id=".$value->id_type." type='checkbox' name='id_type[]'' value=".$value->id_type."> 
      <label for=".$value->id_type."> 
       ".$value->type_name." 
      </label> 
     </div>"; 
} 

现在,能对某些变化list_placement()功能在您的脚本功能。

$("#placement").last().append(response);和变更网址与listsurl:"<?php echo base_url() ?>product/lists",

jQuery中:

function list_placements(){ 
    $.ajax({ 
     url:"<?php echo base_url() ?>product/lists", 
     type:'GET', 
    }).done(function(response){ 
     console.log(response); 
     $("#placement").last().append(response); 
    }); 
} 

注:不好的做法,写控制器活跃quqery代码,我将更好地在你的模型编写活动查询。

+0

太棒了!有用。 –