JQuery.get提交頁面不跳轉(zhuǎn)的解決方法
代碼如下：
<%@ 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(){})可以跳轉(zhuǎn)。
以上代碼卻沒有跳轉(zhuǎn)，如果中間有錯(cuò)誤的話，不能執(zhí)行回調(diào)函數(shù)的，但以上代碼卻執(zhí)行了，原因何在？
經(jīng)過分析得知，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)頁面。
跳轉(zhuǎn)頁面前臺(tái)直接用document.Url=”xx.aspx”;或window.location.href=”xx.aspx”;和ajax沒有關(guān)系，正確的ajax做法是回調(diào)函數(shù)中獲取后臺(tái)返回的值，然后據(jù)此操作html屬性方法，局部更新頁面。
如此，便解決了jquery.get提交頁面不跳轉(zhuǎn)的問題，這個(gè)折騰啊。
- jQuery移動(dòng)web開發(fā)之頁面跳轉(zhuǎn)和加載外部頁面的實(shí)現(xiàn)
- jQuery實(shí)現(xiàn)頁面內(nèi)錨點(diǎn)平滑跳轉(zhuǎn)特效的方法總結(jié)
- jquery mobile頁面跳轉(zhuǎn)后樣式丟失js失效的解決方法
- js，jquery滾動(dòng)/跳轉(zhuǎn)頁面到指定位置的實(shí)現(xiàn)思路
- jQuery Mobile頁面跳轉(zhuǎn)后未加載外部JS原因分析及解決
- 基于jquery的從一個(gè)頁面跳轉(zhuǎn)到另一個(gè)頁面的指定位置的實(shí)現(xiàn)代碼（帶平滑移動(dòng)的效果）
- jQuery中Datatables增加跳轉(zhuǎn)到指定頁功能
相關(guān)文章
關(guān)于兩個(gè)jQuery(js)特效沖突的bug的解決辦法
下面小編就為大家?guī)硪黄P(guān)于兩個(gè)jQuery(js)特效沖突的bug的解決辦法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享 給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-09-09
jquery css 設(shè)置table的奇偶行背景色示例
jquery css 設(shè)置table的奇偶行背景色2014-06-06
詳談Ajax請(qǐng)求中的async:false/true的作用(ajax 在外部調(diào)用問題)
下面小編就為大家?guī)硪黄斦凙jax請(qǐng)求中的async:false/true的作用(ajax返回值在外部調(diào)用問題)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-02-02
淺談jquery fullpage 插件增加頭部和版權(quán)的方法
下面小編就為大家分享一篇淺談jquery fullpage 插件增加頭部和版權(quán)的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看2018-03-03
jquery的冒泡事件的阻止與允許(三種實(shí)現(xiàn)方法)
冒泡或默認(rèn)的事件發(fā)生,在某些時(shí)候是不需要的,在此就需要一些可以阻止冒泡和默認(rèn)的事件的方法,本文介紹三種方法做到不同程度的阻止，感興趣的朋友可以了解下，或許對(duì)你了解冒泡事件有所幫助2013-02-02
可以讓指定的層浮動(dòng)到網(wǎng)頁上的任何位置，當(dāng)滾動(dòng)條滾動(dòng)時(shí)它會(huì)保持在當(dāng)前位置不變，不會(huì)產(chǎn)生閃動(dòng)2008-12-12
Lazy Load 延遲加載圖片的jQuery插件中文使用文檔
Lazy Load 是一個(gè)用 JavaScript 編寫的 jQuery 插件. 它可以延遲加載長(zhǎng)頁面中的圖片. 在瀏覽器可視區(qū)域外的圖片不會(huì)被載入, 直到用戶將頁面滾動(dòng)到它們所在的位置. 這與圖片預(yù)加載的處理方式正好是相反的2012-10-10
Login頁面應(yīng)該是迅速和簡(jiǎn)潔的，于是如果可以不產(chǎn)生回送，則不產(chǎn)生回送是最好的。2009-10-10
jQuery+CSS實(shí)現(xiàn)菜單滑動(dòng)伸展收縮(仿淘寶)
淘寶網(wǎng)上的菜單滑動(dòng)伸展收縮想必大家不會(huì)很陌生吧，接下來本文也使用jquery+css實(shí)現(xiàn)一個(gè)，代碼很簡(jiǎn)潔功能很使用，感興趣的各位可以不要錯(cuò)過了哈2013-03-03
下面小編就為大家分享一篇jquery中done和then的區(qū)別(詳解)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2017-12-12