0

我想通过单击 onclick 功能加载 2 个视图。

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

所以想知道如何通过单击加载加载两个视图,并且它们都应该加载到不同的 div 中?

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

这是我到目前为止所做的。

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

下面是onload的功能

<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>

我给定的问题有什么好的解决方案吗?

4

1 回答 1

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>
于 2013-03-27T12:17:44.627 回答