DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> JQuery.get提交頁面不跳轉的解決方法
JQuery.get提交頁面不跳轉的解決方法
編輯:JQuery特效代碼     

代碼如下:
代碼如下:
<%@ 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提交頁面不跳轉的問題,這個折騰啊。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved