如何使用post和ajax加載視圖Codeigniter？

Question

我的JavaScript代碼是這樣的：

$(".booking_hotel").click(function(){ 
    var id = this.id; 
    $.ajax({ 
     type: "POST", 
     url: base_url + 'hotel_booking/hotel/hotel_booking', 
     data: id 
    }); 
}); 

功能在我的控制器是這樣的：

function hotel_booking() 
{ 
    $data = $this->input->post();  

    $data = array(
     'hotel_request' => $data, 
    ); 

    $this->load->view('hotel_booking/booking_hotel_view',$data); 
} 

它沒有成功加載視圖。但在控制檯firebug（tab html）中，視圖可能會出現。

如何在class .booking_hotel點擊時加載視圖booking_hotel_view？

謝謝

Answer 1

從ajax的觀點來給你作爲ajax響應。你必須把它放在你想要的地方。

讓您的div與id="my_div"並且您想在此div中顯示您的視圖。所以你的代碼將是

$(".booking_hotel").click(function(){ 
    var id = this.id; 
    $.ajax({ 
     type: "POST", 
     url: base_url + 'hotel_booking/hotel/hotel_booking', 
     data: id 
    }).done(function(response){ 
     $('#my_div').html(response); 
    }); 
}); 

Answer 2

試試這個。它會重新加載/重定向到你hotel_booking/hotel/hotel_booking。即加載booking_hotel_view

$(".booking_hotel").click(function(){ 
    var id = this.id; 
    $.ajax({ 
     type: "POST", 
     url: base_url + 'hotel_booking/hotel/hotel_booking', 
     data: id 
    }).done(function(response){ 
     window.location.href = "hotel_booking/hotel/hotel_booking"; 
    }); 
}); 

當你做你的AJAX POST數據沒有你不妨

$(".booking_hotel").click(function(){ 
     window.location.href = "hotel_booking/hotel/hotel_booking"; 
    });