如何使用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）中，可能會出現該視圖。

單擊類.booking_hotel時如何加載視圖booking_hotel_view？

謝謝

Answer 1

來自ajax的視圖以ajax響應的形式出現。 您必須將其放在所需的位置。

讓您使用id="my_div" 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發布數據不采取任何措施，因此您可以將其用作

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