如何使用Codeigniter从另一个视图中加载视图文件而不必通过控制器?

时间:2013-07-30 13:18:17

标签: php codeigniter templates codeigniter-2

我很难找到解决这个问题的方法,我需要从另一个视图中加载一个视图。我知道,通常,我只需要这样做:

<?php $this->load->view("smthg");?>

但这一次,文件路径被传递给数据文件标签的属性。 我有:

<a data-file="<?php echo site_url('main/loadCocktailRecipient') ?>/{{Id}}" href="#">

实际上,javascript函数使用它来自己加载视图。所以当这样做时,它加载控制器而不是视图文件。 (或者它甚至可能不加载任何东西) 假设我已将我的视图放入app / views文件夹中。如何在不需要控制器的情况下确保此脚本实际加载此文件?

如果无法做到这一点,我怎样才能调整js脚本来加载,而不是文件本身(这里首先是控制器),而是CI'控制器返回的最终视图?

编辑:JS脚本:

$(".cocktail .cocktail-item a").on('click', function(event) {

            event.preventDefault();

            var fileToLoad = $(this).data('file');

            if(portfolioActive) {
                closePortfolio(true, fileToLoad);
            } else {
                loadPortfolio(fileToLoad);
            }

        });

和负载组合函数是:

function loadPortfolio(fileToLoad) {
            $portfolioSingle.load(fileToLoad, function() {
                portfolioSingleH = $portfolioSingle.find('.container').outerHeight();
                $portfolioSingle.css({
                    'top': -portfolioSingleH
                });
                $('#portfolio').animate({ scrollTop: 0 }, "slow");
                $portfolioSingle.stop().animate({
                    'top': 0
                }, 500, 'easeOutCubic');
                $portfolioContainer.stop().animate({
                    'marginTop': portfolioSingleH
                });
                portfolioActive = true;
                bindClosePortfolio();
                bindFancybox();
                setupFlexslider();
            });
        }

如果这太复杂了,那我怎么能简单地告诉他按id查找车把脚本并加载动态生成的内容?

由于

1 个答案:

答案 0 :(得分:1)

不要那样做,这是一个坏主意。为此,您需要从views文件夹中删除.htaccess文件。

相反,使用生成ajax请求的jquery get函数。 $获得( “主/ loadCocktailRecipient / 1”);

最好的方法是使用请求的数据返回一个json对象的新控制器。然后,使用$ .get检索该json,最后,遍历该json以随时放置内容。

来自jQuery Documentation

$.ajax({
    url: "main/loadCocktailRecipient", //the url to retrieve the data
    data: { id: "1" }, //you can send the get parameters here
    success: success, //the data returned (your json or html)
    dataType: dataType //html, json, etc... if the dataType returned is not what you specify it will enter on a .error function. check the jquery documentation
});