AJAX 在代码点火器中不起作用以加载同一 DIV 中的页面

我正在尝试在codeigniter中开发简单的CMS。在主视图中，有几个指向其他页面的链接，但我希望所有页面在指定的 DIV 内在同一视图中打开，而无需为每个页面加载（ AJAX 加载）。我试图使用 AJAX 调用来实现这一点，但厌倦了弄清楚为什么它对我不起作用。每当我单击链接时，它只是从LOGIN_VIEW控制器的索引方法加载视图。这是我的带有链接的 cms 视图

<script type="text/javascript">
        function onLinkClick(value){
            alert('<?php echo base_url() ?>admin/load_view/'+value);
            $.ajax({    
                url: '<?php echo base_url() ?>admin/load_view/', 
                type: 'POST',
                 data: {'view_param': value},
                 success: function(response)
                 {
                     //$('#mang_server').html(response);
                    alert("response recieved");
                 }
            }); 
            alert('after response');    
        }
</script>
<body>
<div id="main">
    <div id="header"> <a href="" class="logo"><img src="../img/logo.gif" width="101" height="29" alt="" /></a>
        <div id="middle">
            <div id="left-column">
                <h3>Header</h3>
                <ul class="nav">
                    <?php foreach($ops as $operations)
                    {$op_name = $operations['admin_op'];
                     $op_link = $operations['link_to'];
                    ?>
                    <li><a href="" id="" onclick="onLinkClick('<?php echo $op_link ;?>')"><?php echo $op_name ;?></a></li>
                    <?php } ?>
                </ul>
                <div id="mang_server"> </div>

两个警报都在工作...但是ajax调用搞砸了。

这是我的控制器方法

public function index()
{
  if($this->session->userdata('admin_name'!='')){
    $this->data['title'] = "Admin Area";
    $this->data['ops'] = $this->admin_model->get_admin_ops();
    $this->load->view('admin_view.php',$data);
  } else {
    $data['title'] = "Admin login";
    $this->load->view('admin_login.php',$data);
  }    
}
public function load_view($view_name)
{      
   $data['view_link'] = $this->admin_model->load_view_model($view_name);
   $this->load->view($data);
}

请告诉我我犯了什么错误.

你这样做的方式错误，请考虑以下代码通过 ajax 加载视图

Javascript部分：

 $.ajax({
             url: '<?php echo base_url() ?>admin/load_view/', 
             type: 'POST',
             dataType:'json',
             data: {'view_param': value},
             success: function(response)
             {
                $('#mang_server').html(response.html_view);
             }
 });

管理员控制器：

public function load_view($view_name){
  $data['view_link'] = $this->admin_model->load_view_model($view_name);
  // IF $data['view_link'] is the name of the view file you are trying to load
  $response['html_view']$this->load->view($data['view_link'],'',TRUE);
  // While loading a view in codeigniter it accepts three parameters
  // $this->load->view("name of the view file","data to be passed to the view or not","Returning views as data");
 // For more refer at the end of the page http://ellislab.com/codeigniter/user-guide/general/views.html
  echo json_encode($response);
}

相关内容

最新更新

热门标签：