asp .net 頁面跳轉

ajax異步

經過ajax去請求數據，而後在js裏面獲得返回結果，賦值location.href

<div>
    <input id="url" />
    <button onclick="RedirectByAjax()">跳轉頁面</button>
</div>

<script>
    function RedirectByAjax() {
        //ajax請求完成一些工做
        $.ajax({
            type: "POST",
            url: "/RedirectUrl/RedirectByAjax",
            data: {
                url: $("#url").val()
            },
            success: function (url) {
                //獲得結果，跳轉頁面
                location.href = url;
            }
        });
    }
</script>

form同步

經過post form表單提交數據，而後在表單對應的Action裏面調用Redirect

<form id="redirectForm" name="redirectForm" action="/RedirectUrl/RedirectByForm" method="post">
    <div>
        <input id="url" name="url" />
        <button id="submit" onclick="Submit()">登陸</button>
    </div>
</form>

<script>
    function Submit() {
        $("#redirectForm").submit();
    }
</script>

[HttpPost]
public ActionResult RedirectByForm(string url)
{
    return Redirect(url);
}

注意

兩者不可混用，好比ajax請求+Redirect，這樣返回的頁面在Network請求裏面，而不是實現跳轉頁面

示例代碼

示例代碼