php - 在 codeigniter 中使用 jQuery $.post 动态加载页面

Question

我有一个主页，其中有两个 DIV（左和右）。在左 div 我将有一些项目。并在正确的 div 中显示其详细信息。（请看图片）

在这里，单击左侧 div 中的项目，应加载其相应的详细信息。我对两个 div 有两个单独的视图。我能够从控制器功能加载左视图。

但是我应该根据左 div 项的 加载右 divitem_id而无需任何页面刷新。

为此，我将item_id通过 jQuery发送$.post并获取details_page.

我对详细信息页面的看法是

<div class="title"><?php echo $title; ?></div>
<div class="details">
    <div class="author"><?php echo $author; ?></div>
    <div class="pagedata"><?php echo $pagedata; ?></div>
</div>

当详细信息页面加载时，这些 PHP 变量应该被替换。

请帮助我在 codeigniter 中使用 jQuery 对上述场景进行编码。

Answer 1

在您的 PHP 控制器中，您需要一个为视图提供服务的方法：

class Foo extends CI_Controller {
    public function getItem($item) {
        // the view holds the html for the right div
        $this->load->view($item);
    }   
}

在 jquery 中，您可以像这样获取视图：

$.get('example.com/foo/getItem/item1', function(resp){
    $('#contentDiv').html(resp);
}, 'html'); 

当然，每次使用适当的项目名称单击左侧 div 上的窗格时，您都会调用此 jquery 代码片段。