AJAX + Codeigniter实时页面加载功能

Question

已更新：现在可以运行100％。

这些代码段允许用户点击视图上的删除按钮，该按钮向我的控制器发送AJAX请求以与数据库交互（删除记录）。然后反馈回调函数中发生的结果，以更新当前视图（没有页面加载）记录被删除并隐藏该元素。

查看：

<?php 
// Output the records 
if($result) 
{ 
    foreach ($result as $rows => $row) 
    { 
     echo "<tr id=\"row" . $row['id'] . "\">"; 
      echo "<td>" . $row['id'] . " - " . $row['name'] . "</td>"; 
      echo "<td>" . $row['logo_path'] . "</td>"; 
      echo "<td>" . $row['date_created'] . "</td>"; 
      echo "<td>" . "<a href=\"#\" id=\"" . $row['id'] . "\" class=\"delete\">Delete</a><br>" . "</td>"; 
     echo "</tr>"; 
    } 

} else { 
    echo "There are no platforms to show"; 
} 
?> 

<script type="text/javascript"> 
$("a.delete").click(function(e) 
{ 
    e.preventDefault(); 
    var platform_id = $(this).attr('data-id'); 
    var row = $(this).attr('id'); 

    $.ajax({ 
     type: "POST", 
     url: "platform/delete", 
     dataType: "json", 
     data: 'platform_id='+platform_id, 
     success: function(result){ 
      if (result.success == 1) 
      { 
       $("#row" + row).fadeOut(); 
       //document.getElementById(row).style.display = 'none' 
      } 
     }, 
     error: function(result){ 
      alert(result.message); 
     } 
    }); 
}); 
</script> 

控制器：

function delete() 
{ 
    $result=array(); 

    $this->load->model('platform_model'); 
    $platform_id = $this->input->post('platform_id'); 

    if($this->platform_model->delete($platform_id)) 
    { 
     $result['success']= 1; 
     $result['platform_id']= $platform_id; 
     $result['message']= "Success"; 
    } else { 
     $result['success']= 0; 
     $result['message']= "Error"; 
    } 

    die(json_encode($result)); 

} 

型号：

function delete($platform_id) 
{ 
    $this->db->where('id =', $platform_id); 

    if ($this->db->delete('platforms')) 
    { 
     return TRUE; 
    } 
    else 
    { 
     return FALSE; 
    } 
} 

Answer 1

更新

你不需要任何形式的代码做这个工作。在您更新的问题中，您缺少定义id变量的位置。没有它，你将无法删除记录。

如果HTTP POST请求是提交它的表单，则会通过HTTP POST请求发送数据。使用AJAX代码数据也会以POST数据的形式发送，由Codeigniter在您的AJAX模型方法中使用$this->input->post()数组处理。调试这个过程中一个伟大的工具是Firebug的wher你可以看到数据公布之前，我使用的属性data-id而不是id属性，因为后者必须是唯一的东西被返回（净利润/ XHR选项卡）

在我的例子。我自己更喜欢这个解决方案，但可以使用除id之外的任何属性名称（如果属性值重复）。

$('a.delete').click(function(e) 
{ 
    e.preventDefault(); 
    var id = $(this).attr('data-id'); 
    // your ajax call 

匹配的HTML作为锚，但可能是一个按钮或任何其他元素：

<a href="#" data-id="<?php echo $row['id']; ?>" class="delete">Delete</a> 

Ajax代码从删除链接的点击触发的，因此没有必要进行任何形式的。