Question

我想在onclick功能上单击一下就加载2个视图。

我正在使用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>

对于我遇到的问题有什么好的解决方案吗？

Answer 1

onClick不是必需的，也没有真正建议使用jQuery，只需将两个路径设置为链接中的单独类，然后检索单击函数链接中的类并将它们传递给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>

CodeIgniter在单个onclick函数上加载两个视图

1 个答案: