首頁 > web前端 > js教程 > JQuery.get提交頁面不跳轉的解決方法

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

韦小宝
發布: 2017-12-04 10:39:19
原創
2095 人瀏覽過

為了給網站可以給使用者更好的體驗,我們通常會使用jquery#進行資料交互,本篇文章講的是用jquery進行提交頁面不跳轉的解決方法,讓我們一起來看看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提交頁面不跳轉的問題,這個折騰啊。

相關推薦:

#jQuery中關於​​extend()的使用總結

jQuery載入一個html頁面到指定的div裡面

#JQuery在循環中綁定事件的問題詳解

#

以上是JQuery.get提交頁面不跳轉的解決方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板