使用Jquery和MVC渲染局部视图

时间:2012-05-04 10:21:57

标签: jquery asp.net-mvc

在我的MVC应用程序中的jquery文件中当用户单击该页面中的按钮时,我需要在标题中呈现用户控件。同时我需要使用jquery将参数传递给局部视图。 代码示例如下。

<html lang="en" <% = ClientStyle.GetMicrodataNamespaces() %>>
    <% Html.RenderPartial("Slideshows/Head"); %>

    <body class="ss-msnbc">
        <div id="header">
            <div class="container">
                <% Html.RenderPartial("Slideshows/Logo"); %>
                <div id="slideshow-title">
                    <h2><%=Model.Title%></h2>
                </div>
                <ul id="tabs">
                    <% Html.RenderPartialForEach("Slideshows/TabNavigator", Model.TabNavigators); %>
                </ul>
            </div>
        </div>
        <div id="bantop">
            <div class="container">
                <div id="slide-nav">
                    <ul id="next-prev">                
                        **<li class="btn prev-dis"><a id="prevslide" href="#" title="Previous">&nbsp;</a></li>
                        <li class="btn next-dis"><a id="nextslide" href="#" title="Next">&nbsp;</a></li>**
                    </ul>
                    <% foreach(var slideNavigator in Model.SlideNavigators) { %>
                        <ul class="slide-numbers" style="display:none;" id="navigator_<%=slideNavigator.TabIndex%>">
                            <% Html.RenderPartial("Slideshows/SlideNavigator", slideNavigator); %>
                        </ul>
                    <% } %>
                </div>
                    <% Html.RenderPartial("Slideshows/RelatedLinks", Model); %>
            </div>
        </div>
</body>
<html>

如果我单击Prevslide按钮,它应该呈现幻灯片\ Head用户控件。这必须在Jquery中实现。

1 个答案:

答案 0 :(得分:1)

您可以使用JQuery get

$.get('controler/action',{parameter1:value1,parameter2:value2},function(data){
 $('#header').html(data);
});