如何從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); 
    }); 
})