1

更新：这现在可以 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;
    }   
}
4

1 回答 1

1

更新

您不需要任何表单代码来完成这项工作。在您更新的问题中，缺少定义id变量的位置。没有它，您将无法删除记录。

数据由 HTTP POST 请求发送，不管它是提交它的表单。您的 AJAX 代码数据也作为 POST 数据发送，由 Codeigniter 使用$this->input->post()AJAX 模型方法中的数组进行处理。调试此过程的一个很好的工具是 Firebug，您可以在其中查看发布的数据和返回的内容（Net/XHR 选项卡）

在我之前的示例中，我使用属性data-id而不是id属性，因为后者需要是唯一的。我自己更喜欢该解决方案，但您可以使用任何属性名称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 代码是通过单击删除链接触发的，因此不需要任何表单。

于 2013-05-09T21:04:01.120 回答