JQuery.get提交頁(yè)面不跳轉(zhuǎn)的解決方法

本篇內(nèi)容介紹了“JQuery.get提交頁(yè)面不跳轉(zhuǎn)的解決方法”的有關(guān)知識(shí)，在實(shí)際案例的操作過(guò)程中，不少人都會(huì)遇到這樣的困境，接下來(lái)就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

<%@ 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>

問(wèn)題分析：

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

　　以上代碼卻沒(méi)有跳轉(zhuǎn)，如果中間有錯(cuò)誤的話，不能執(zhí)行回調(diào)函數(shù)的，但以上代碼卻執(zhí)行了，原因何在?

　　經(jīng)過(guò)分析得知，jquery.get(url,data,function(){})這個(gè)是ajax的方法，是不會(huì)跳轉(zhuǎn)的。

　　要跳轉(zhuǎn)的話，需要在回調(diào)函數(shù)里function(){//這里做跳轉(zhuǎn)吧;}才行，因?yàn)锳jax本身就是為了實(shí)現(xiàn)異步請(qǐng)求局部刷新，當(dāng)然不會(huì)跳轉(zhuǎn)頁(yè)面。

　　跳轉(zhuǎn)頁(yè)面前臺(tái)直接用document.Url=”xx.aspx”;或window.location.href=”xx.aspx”;和ajax沒(méi)有關(guān)系，正確的ajax做法是回調(diào)函數(shù)中獲取后臺(tái)返回的值，然后據(jù)此操作html屬性方法，局部更新頁(yè)面。

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