如何按下按钮时加载视图?

问题描述:

我有按钮的列表中我<div>,当一个特定的DIV用户点击,我要展示我的控制器的视图,例如:如何按下按钮时加载视图?

<div class="row"> 
     <div id="booking" class="command-buttons tile col-xs-12 btn"> 
      <h3 class="title">Book appointment</h3> 
     </div> 
</div> 

我想,当我的用户负载的预约页面点击booking股利。对于加载视图我使用此代码:

$this->load->view('appointments/book', $view); 

但我怎么能用js做到这一点?通常调用一个包含视图加载的函数,但在这种情况下,我在js一侧。

+0

您无法从外部加载视图。相反,你可以在你的控制器内部加载视图..最大可以做的是点击重定向。 –

+0

为什么选择div?链接和按钮旨在用于点击。 – Quentin

也许这样的事情:

$('div#booking').on('click', function() { 
    $(this).load("view.html"); 
}); 

,你可以在这里找到一些细节http://api.jquery.com/load/

我不能完全肯定,但我认为

echo $this->load->view('appointments/book', $view, true); 

将HTML返回到您的ajax成功功能,然后你可以很容易地将它注入页面。