2013-03-27 64 views
0

我想单击onclick函数加载2个视图。CodeIgniter加载单个onclick函数上的两个视图

我正在使用codeigniter,我想通过ajax加载视图。

所以想知道如何加载载入两个视图在一个单一的点击,他们都应该加载在不同的div ??

我设法加载一个单独的div。但坚持决定如何加载两个视图。

这是我迄今为止所做的。

<a href='#' id=\"mnu_btn_user_accounts\" onclick=\"javascript:loadmenu('".base_url()."index.php/".$arLeftMenuList[$key]['FormCIPath']."')\"> 
下面

是onloaod

<script type='text/javascript' language='javascript'> 

    function loadmenu(str){ 
     $.ajax({ 
      type: "POST", 
      url: str,  
      success: function(output_string){  
       $('.second_column_content_container').html(output_string);  
      }  
     }); 
} 
</script> 

任何一个优秀的解决方案,我给定的问题的功能?

+0

您可以将两个url作为参数传递给该函数,然后使用单独的ajax调用来加载它们。似乎不太复杂。 – Pankucins 2013-03-27 11:14:00

回答

0

onClick不是必要的,也没有真正建议用jQuery,只需在链接中将两个路径设置为单独的类,然后在click函数的链接中检索这些类并将它们传递给您的ajax调用。

<a href="#" id=\"mnu_btn_user_accounts\" class="link '.$arLeftMenuList[$key]['FormCIPath'].' '.$otherPath">Click Me</a> 


<script type='text/javascript' language='javascript'> 
    $(".link").on("click", function(){ 
     var url1 = <?=base_url()."index.php";> + $(this).attr('class').split(' ')[1]; 
     var url2 = <?=base_url()."index.php";> + $(this).attr('class').split(' ')[2]; 
     loadmenu(url1, url2) 
    { 
    function loadmenu(url1, url2){ 
     $.ajax({ 
      type: "POST", 
      url: url1,  
      success: function(output_string){  
       $('.second_column_content_container').html(output_string);  
      }  
     }); 
     $.ajax({ 
      type: "POST", 
      url: url2,  
      success: function(output_string){  
       $('.other_content_div').html(output_string);  
      }  
     }); 
} 
</script> 
相关问题