如何按下按鈕時加載視圖？

Question

我有按鈕的列表中我<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一側。

Answer 1

也許這樣的事情：

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

，你可以在這裏找到一些細節http://api.jquery.com/load/

Answer 2

我不能完全肯定，但我認爲

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

將HTML返回到您的ajax成功功能，然後你可以很容易地將它注入頁面。