JQuery.get提交頁面不跳轉的解決方法

本篇內容介紹了“JQuery.get提交頁面不跳轉的解決方法”的有關知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領大家學習一下如何處理這些情況吧！希望大家仔細閱讀，能夠學有所成！

<%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"

    CodeFile="Default.aspx.cs" Inherits="_Default" %>

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">

<script type="text/javascript" src="Scripts/jquery-1.4.1.js"></script>

</asp:Content>

<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">

<script>

        window.location.host;

        $(document).ready(function () {

            $("#btnTestGet").click(function () {

                jQuery.get("About.aspx", { name: "alex" }, function () { alert("aaa")});

            });

        });

</script>

        <button id="btnTestGet" value="Test JQuery" >Test JQuery</button>

</asp:Content>

問題分析：

　　有些Jquery 教程上說，使用jquery.get(url,data,function(){})可以跳轉。

　　以上代碼卻沒有跳轉，如果中間有錯誤的話，不能執行回調函數的，但以上代碼卻執行了，原因何在?

　　經過分析得知，jquery.get(url,data,function(){})這個是ajax的方法，是不會跳轉的。

　　要跳轉的話，需要在回調函數里function(){//這里做跳轉吧;}才行，因為Ajax本身就是為了實現異步請求局部刷新，當然不會跳轉頁面。

　　跳轉頁面前臺直接用document.Url=”xx.aspx”;或window.location.href=”xx.aspx”;和ajax沒有關系，正確的ajax做法是回調函數中獲取后臺返回的值，然后據此操作html屬性方法，局部更新頁面。

“JQuery.get提交頁面不跳轉的解決方法”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識可以關注億速云網站，小編將為大家輸出更多高質量的實用文章！