使用AJAX保存數據後的刷新列表CodeGo.net

你好我想插入數據到數據庫使用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>

這是我電流輸出

來源

2016-11-23 Chris Lumbberg

現在，數據正確保存並顯示。對？ –

如果沒錯。那麼你可以使用'list_type_placement（）'方法來檢索最後的單個數據。和'$（「＃placement」）。last（）。append（response）;' –

你能告訴我該怎麼做嗎？我嘗試了，但仍然無法工作 –

您可以添加新方法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);和變更網址與lists像url:"<?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代碼，我將更好地在你的模型編寫活動查詢。

來源

2016-11-23 17:09:56

太棒了！有用。 –

使用AJAX保存數據後的刷新列表CodeGo.net

回答

相關問題