1. 程式人生 > >jquery ajax中success中的跳轉問題

jquery ajax中success中的跳轉問題

http://www.cnblogs.com/horsen/p/6933038.html
注意起來一個情況: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 ajaxsuccess問題

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

javaController動態寫法筆記

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.jsrouter.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/)中要實現這樣一個效果需要用到幾個簡單的互動效果,以下將是具體操作流程。關於頁面跳轉的設定