<%@ 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ò)誤的話(huà)，不能執(zhí)行回調(diào)函數(shù)的，但以上代碼卻執(zhí)行了，原因何在？

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

要跳轉(zhuǎn)的話(huà)，需要在回調(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)的問(wèn)題，這個(gè)折騰啊。

您可能感興趣的文章: