JQuery.get提交頁面不跳轉的解決方法
代碼如下:
<%@ 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(){})可以跳轉。
以上代碼卻沒有跳轉,如果中間有錯誤的話,不能執(zhí)行回調函數(shù)的,但以上代碼卻執(zhí)行了,原因何在?
經(jīng)過分析得知,jquery.get(url,data,function(){})這個是ajax的方法,是不會跳轉的。
要跳轉的話,需要在回調函數(shù)里function(){//這里做跳轉吧;}才行,因為Ajax本身就是為了實現(xiàn)異步請求局部刷新,當然不會跳轉頁面。
跳轉頁面前臺直接用document.Url=”xx.aspx”;或window.location.href=”xx.aspx”;和ajax沒有關系,正確的ajax做法是回調函數(shù)中獲取后臺返回的值,然后據(jù)此操作html屬性方法,局部更新頁面。
如此,便解決了jquery.get提交頁面不跳轉的問題,這個折騰啊。
相關文章
詳談Ajax請求中的async:false/true的作用(ajax 在外部調用問題)
下面小編就為大家?guī)硪黄斦凙jax請求中的async:false/true的作用(ajax返回值在外部調用問題)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-02-02
淺談jquery fullpage 插件增加頭部和版權的方法
下面小編就為大家分享一篇淺談jquery fullpage 插件增加頭部和版權的方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看2018-03-03
jquery的冒泡事件的阻止與允許(三種實現(xiàn)方法)
冒泡或默認的事件發(fā)生,在某些時候是不需要的,在此就需要一些可以阻止冒泡和默認的事件的方法,本文介紹三種方法做到不同程度的阻止,感興趣的朋友可以了解下,或許對你了解冒泡事件有所幫助2013-02-02
Lazy Load 延遲加載圖片的jQuery插件中文使用文檔
Lazy Load 是一個用 JavaScript 編寫的 jQuery 插件. 它可以延遲加載長頁面中的圖片. 在瀏覽器可視區(qū)域外的圖片不會被載入, 直到用戶將頁面滾動到它們所在的位置. 這與圖片預加載的處理方式正好是相反的2012-10-10
jQuery+CSS實現(xiàn)菜單滑動伸展收縮(仿淘寶)
淘寶網(wǎng)上的菜單滑動伸展收縮想必大家不會很陌生吧,接下來本文也使用jquery+css實現(xiàn)一個,代碼很簡潔功能很使用,感興趣的各位可以不要錯過了哈2013-03-03

