如何从ajax调用调用另一个视图？

Question

在_layout我有一个button和我已附加它与click事件。 click事件调用将返回完整view的操作。我想要做的就是加载这个返回view作为浏览器的新页面。这个怎么做？

Answer 1

您可以使用window.open在新标签页/浏览器窗口中打开新页面。

$(function(){ 

    $("#idOfYourLink").click(function(e){ 
    e.preventDefault(); 
    var url=$(this).attr("href"); 
    window.open(url); 
    }); 

}); 

如果是按钮，请将目标网址保存在HTML 5数据属性中。

<button id="btn1" data-url="@Url.Action("MyProfile","Home")">Profile</button> 

Click事件中读出的数据属性

$(function() { 
    $("#btn1").click(function (e) { 
     e.preventDefault(); 
     var url = $(this).data("url"); 
     window.open(url); 
    }); 
}) 

如果不想打开一个新标签，更新通过AJAX在同一个页面的内容，你可以使用jQuery load()方法来做到这一点。在div中包装您的@RenderBody方法调用。

<div id="pageContent"> 
    @RenderBody() 
</div> 
<button id="btn1" data-url="@Url.Action("MyProfile","Home")">Profile</button> 

而当按钮被单击时，将新的操作方法的HTML加载到pageContent div。

$(function() { 
    $("#btn1").click(function (e) { 
     e.preventDefault(); 
     var url = $(this).data("url"); 
     $("#pageContent").load(url); 
    }); 
})