asp .net 頁面跳轉

ajax異步

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

<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裏面調用Redirectgit

<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請求裏面,而不是實現跳轉頁面github

示例代碼

示例代碼ajax

相關文章
相關標籤/搜索