JQuery.get提交頁(yè)面不跳轉(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)頁(yè)面。
跳轉(zhuǎn)頁(yè)面前臺(tái)直接用document.Url=”xx.aspx”;或window.location.href=”xx.aspx”;和ajax沒有關(guān)系,正確的ajax做法是回調(diào)函數(shù)中獲取后臺(tái)返回的值,然后據(jù)此操作html屬性方法,局部更新頁(yè)面。
如此,便解決了jquery.get提交頁(yè)面不跳轉(zhuǎn)的問題,這個(gè)折騰啊。
- jQuery移動(dòng)web開發(fā)之頁(yè)面跳轉(zhuǎn)和加載外部頁(yè)面的實(shí)現(xiàn)
- jQuery實(shí)現(xiàn)頁(yè)面內(nèi)錨點(diǎn)平滑跳轉(zhuǎn)特效的方法總結(jié)
- jquery mobile頁(yè)面跳轉(zhuǎn)后樣式丟失js失效的解決方法
- js,jquery滾動(dòng)/跳轉(zhuǎn)頁(yè)面到指定位置的實(shí)現(xiàn)思路
- jQuery Mobile頁(yè)面跳轉(zhuǎn)后未加載外部JS原因分析及解決
- 基于jquery的從一個(gè)頁(yè)面跳轉(zhuǎn)到另一個(gè)頁(yè)面的指定位置的實(shí)現(xiàn)代碼(帶平滑移動(dòng)的效果)
- jQuery中Datatables增加跳轉(zhuǎn)到指定頁(yè)功能
相關(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
Lazy Load 延遲加載圖片的jQuery插件中文使用文檔
Lazy Load 是一個(gè)用 JavaScript 編寫的 jQuery 插件. 它可以延遲加載長(zhǎng)頁(yè)面中的圖片. 在瀏覽器可視區(qū)域外的圖片不會(huì)被載入, 直到用戶將頁(yè)面滾動(dòng)到它們所在的位置. 這與圖片預(yù)加載的處理方式正好是相反的2012-10-10
將jQuery應(yīng)用于login頁(yè)面的問題及解決
Login頁(yè)面應(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

