Как загрузить представление при нажатии кнопки?

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 div. Для загрузки я использую этот код:

$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, и вы можете легко ввести его на страницу.