【问题标题】:How to Load a view Codeigniter using post and ajax?如何使用 post 和 ajax 加载视图 Codeigniter?
【发布时间】:2016-05-15 05:33:59
【问题描述】:

我的 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?

谢谢

【问题讨论】:

  • 所以当.booking_hotel被点击时你只需要重定向到hotel_booking/hotel/hotel_booking?为什么要使用 ajax?
  • @RejoanulAlam,是的。我使用 ajax 发送参数使用 post 方法。还有其他解决方案吗?

标签: javascript php jquery ajax codeigniter


【解决方案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);
    });
});

【讨论】:

  • 不使用ajax是否可以使用post发送参数?因为我想在页面加载的时候,它会重新加载页面。如果使用ajax,它不会重新加载页面
  • @mosestoh 上面的修正代码会如你所愿。如果要发布数据,可以通过回显form_open('controller/method'); 将表单数据发送到控制器中的方法。否则,您可以通过 ajax 发送数据。正如您上面所说,发布表单数据将刷新页面,而从 ajax 发布数据不会刷新。您现在想对这些数据做什么?
  • @Md.萨哈达·侯赛因,我需要你的帮助。看这里:stackoverflow.com/questions/37458436/…
【解决方案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";
    });

【讨论】:

猜你喜欢
  • 2013-08-30
  • 2014-04-08
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2019-08-08
  • 1970-01-01
相关资源
最近更新 更多