Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 在特定时间段之间,如何在单个视图上加载多个局部视图?_Jquery_Asp.net Mvc_Asp.net Mvc 3_Asp.net Mvc 2 - Fatal编程技术网

Jquery 在特定时间段之间,如何在单个视图上加载多个局部视图?

Jquery 在特定时间段之间,如何在单个视图上加载多个局部视图?,jquery,asp.net-mvc,asp.net-mvc-3,asp.net-mvc-2,Jquery,Asp.net Mvc,Asp.net Mvc 3,Asp.net Mvc 2,我的单视图页面上有多个部分视图。局部视图动态加载。我希望部分视图按1乘以1加载。可以这样做吗?这种方法可能对您有用: 它使用jquery和.load(),调用一个动作,将部分视图呈现为html,并将其返回到javascript,以后您可以将其放在任何需要的地方 更新: 如果您想按顺序一个接一个地加载它们,那么可以使用jquery的完整回调来一个接一个地链接它们 如果您希望在特定的时间或间隔加载它们,您可以在视图中使用javascript的,保留三个div,并在如下某些属性中指定Url详细信息

我的单视图页面上有多个部分视图。局部视图动态加载。我希望部分视图按1乘以1加载。可以这样做吗?

这种方法可能对您有用:

它使用jquery和
.load()
,调用一个动作,将部分视图呈现为html,并将其返回到javascript,以后您可以将其放在任何需要的地方

更新:

如果您想按顺序一个接一个地加载它们,那么可以使用jquery的完整回调来一个接一个地链接它们


如果您希望在特定的时间或间隔加载它们,您可以在视图中使用javascript的

,保留三个div,并在如下某些属性中指定Url详细信息

示例HTML

<div id="Div1" attr-Url="@Url.Action("ActionName", "ControllerName", 
                                                    new { area = "Area Name" })">
</div>

<div id="Div2" attr-Url="@Url.Action("ActionName", "ControllerName", 
                                                    new { area = "Area Name" })">
</div>

<div id="Div3" attr-Url="@Url.Action("ActionName", "ControllerName", 
                                                    new { area = "Area Name" })">
</div>
如果你注意到上面的代码。成功加载第一个局部视图后,开始加载第二个局部视图,然后依次加载第三个局部视图


希望这能帮助你……

耶。。很好。但我的问题不同。我对使用jquery或ajax等加载部分视图没有问题。我可以轻松地在视图页面中加载多个部分视图。我想要那个。。我的部分视图在特定时间内加载。。1乘1.Mmmm,你的意思是一个接一个地加载,或者在特定的时间加载?好的,如果您想在特定时间使用javascript计时器,或者使用jquery的.load()的“complete”回调参数来一个接一个地进行链接。+1因为它不像我在解释中那样懒惰,并且实际编写了调用链。
$(document).ready(function () {
    var url = $('Div1').attr('attr-Url');
    $('Div1').load(url, function () {

        //Success callback
        url = $('Div2').attr('attr-Url2');
        $('Div2').load(url, function () {

            //Success callback
            url = $('Div3').attr('attr-Url3');
            $('Div3').load(url, function () {

                //Success callback
            }); 
        });
    });
});