jquery ajax中success中的跳轉問題
注意起來一個情況:ajax+submit+同步----就是你用ajax請求伺服器,而且用的是同步的方式,並且你是通過點選了type型別為submit的按鈕來觸發這個ajax。
這個時候,首先你點選了submit,它會提交表單,但是由於你用了ajax的同步操作,submit的提交被阻塞,ajax先執行,這個時候,如果你在ajax的回撥函式(如:success)中寫了document.location.href='xxx.html',它是執行了,的確是去執行了跳轉的,於是ajax完成了,那接下來就要把剛才的submit提交的請求完成。於是呢又要從xxx.html跳回到剛才那個頁面(無論你submit有沒有提交具體的資料,總之提交了之後如果後臺沒有執行跳轉/重定向,它就要回到原來的頁面。)
即:ajax就是如你所想那樣執行了,也從A頁面跳到了B頁面,但是由於submit這種型別的特殊性,又讓B頁面跳回了A頁面,由於這個ajax執行完再執行submit請求的過程處理的很快,你會感到好像沒有效果,但是你仔細觀察,會發現這個過程頁面會重新整理的,其實就是B頁面跳回到A頁面。
原文連結:http://bbs.csdn.net/topics/391961576
寫的很詳細!
相關推薦
jquery ajax中success中的跳轉問題
http://www.cnblogs.com/horsen/p/6933038.html注意起來一個情況:ajax+submit+同步----就是你用ajax請求伺服器,而且用的是同步的方式,並且你是通過點選了type型別為submit的按鈕來觸發這個ajax。這個時候,首
jQuery ajax方法success()中後臺傳來的四種數據類型
water eth series 如果 response xms sync get creat 1.後臺返回一個頁面 js代碼 /**(1)用$("#content-wrapper").html(data);顯示頁面*/ $.ajax({ async : false
php中實現頁面跳轉的幾種方式
腳本 timeout location clas replace asc idt lee 實現 親測,not復制粘貼 PHP中實現頁面跳轉有一下幾種方式,看了幾個人寫的不是很條理,自己整理一下 在PHP腳本代碼中實現 <?php header("locati
.Net語言 APP開發平臺——Smobiler學習日誌:在手機應用開發中如何實現跳轉地圖
demo hand 操作 窗體 clas com ps1 ati void 一、目標樣式 我們要實現上圖中的效果,需要如下的操作: 二、跳轉地圖代碼 VB: Private Sub Button1_Click(sender As Object, e As Ev
JS funtion()中URL不跳轉後臺action問題
child preview span -1 java lis var pin typelist JS funtion()中URL不跳轉後臺action問題 今天遇到一個百思不得其解的問題,到現在解決了,但是仍然不知道所以然(估計是因為域名不一致導致的),記錄一下 $.
Android中當前Activity跳轉到當前Activity頁面
頁面 context android plan nbsp text ini putextra min 步驟:先關閉自己,在跳轉 case R.id.btn_copy:// 復制 Toast.makeText(mContext, "正在復制", Toast.LEN
SpringMVC中遇到頁面跳轉出現404錯誤的問題
書寫 one 錯誤 spa size 成功 問題: scan con 今天遇到了一個問題: 使用SpringMVC時,出現頁面無法跳轉的情況(404錯誤), 出現這個異常的原因在於SpringMVC的配置文件中控制器的配置書寫錯誤: 原代碼: <context:co
小程序中的路由跳轉
demo 拼接 prop load file 文件 value his title 1.最簡單是tabBarapp.json中:pages裏面要聲明,在tabBar裏面同樣操作,因為是JSON文件,所以所有內容都是字符串{ "pages": [ "pages/ind
java中Controller動態跳轉寫法筆記
java 動態 str ping class dex 寫法 variable request 動態寫法 @Controller public class PageController { @RequestMapping("/") public String
解決springmvc中使用redirect跳轉後https變為http
spa class src set dir edi 兼容 setview 圖片 方法一:配置文件修改ViewResolver的 redirectHttp10Compatible 屬性,這個屬性是為了兼容 http1.0協議。 <bean id="viewResol
jsp中的頁面跳轉方式
方法一 href 在一些html的文件中,用herf實現頁面跳轉的比較常見,也很好用。 jsp一般不用 方法二:getRequestDispatcher請求轉發 request.getRequestDispatcher(url).forward(request
thinkPHP5.0中使用header跳轉沒作用
我在controller中的方法中這樣寫: header("Location:".$url); 但是一直沒動靜,不會跳轉,最後還是官方文件解決了 https://www.kancloud.cn/manual/thinkphp5/118051 使用 $this->red
vue-router在IE11中頁面不跳轉
情景: IE11瀏覽器中,在進行正常頁面跳轉操作後(頁面A跳轉到頁面B),點選瀏覽器的左上角的‘後退’按鈕,點選後,可以看到url地址已經發生了變化(url由頁面B變為頁面A),hash值也已經是上一頁的路由,但是瀏覽器顯示的內容卻沒有發生變化(依舊是頁面B)。若將url在一個新的選項卡中複製貼上是可以開啟
vue.js中router.push跳轉頁面、帶引數、設定引數的方法
router.push(location) 在vue.js中想要跳轉到不同的 URL,需要使用 router.push 方法。 這個方法會向 history 棧新增一個新的記錄,當用戶點選瀏覽器後退按鈕時,則回到之前的 URL。 當你點選 <router-link> 時,這個
Java Web jsp中有關頁面跳轉和轉發與重定向的區別
響應頭 通過設定響應頭實現頁面跳轉,並且在面試中也會問及是否是重定向還是轉發 最後給大家簡單介紹轉發和重定向的區別 Location Location需要與狀態碼302配合使用,完成頁面重定向 Location: http://www.banma.com 指定頁面要
PHP中頁面的跳轉
一、 header()函式 語法: void header (string string [,bool replace [,int http_response_code]]) 舉個例子吧: 1、跳轉到本地的一個deom.html(立刻跳轉,沒有任何延遲) <?php h
[Xcode10 實際操作]九、實用進階-(23)多個Storyboard故事板中的頁面跳轉
本文將演示多個Storyboard故事板中的頁面跳轉。 使用快捷鍵【Command】+【N】建立一個新的故事板檔案。 (在專案資料夾【DemoApp】上點選滑鼠右鍵【New File】建立) ->【Storyboard】->【Next】->【Save As】:Storyboard.st
vue 從頁面中按鈕事件跳轉選單中的頁面,【父元件到子元件】【跳轉新的頁面】
說明: 在用vue做專案時,有事需要跳轉新的頁面,有時候也需要複用已經寫好的頁面。 實際專案開發中: 在vue後臺管理系統中,
關於在ViewPager的子頁面中不能跳轉的問題
關於在ViewPager的子頁面中不能跳轉的問題 什麼是ViewPager? 相信很多人使用過微信,其實微信的四個子頁面:微信、通訊錄、發現、我以及下面的引導空間就是ViewPager。 出現的問題: 之後經過一番除錯+查資料:發現把Activity.this改成getActivity(
Axure中實現頁面跳轉倒計時
在瀏覽一個頁面時,如果跳轉到下一個頁面,一般需要等待幾秒,有些網站就會產生倒計時等待的狀態,這樣一個效果暫且稱為Axure頁面跳轉倒計時。在Axure(http://www.axurechina.cc/)中要實現這樣一個效果需要用到幾個簡單的互動效果,以下將是具體操作流程。關於頁面跳轉的設定