javascript Ajax 同步請求與異步請求的問題

先來看以下代碼:

var flag=true;
var index=0;
$.ajax({url: "http://www.baidu.com/",success: function(data){flag=false;}	
});
while(flag){index++;
}
alert(index);

?請問最后alert的index的結果是多少?

可能有人會說0唄。實際上卻沒那么簡單。大家可以自己試試看。可以看到最終程序進入了一個死循環!怎么會這樣呢!

我們在看一段代碼:

var flag=true;
$.ajax({url: "http://www.baidu.com/",success: function(data){flag=false;}	
});
alert(flag);

?

大家看最后alert出flag的值是多少呢?沒錯,是true!為什么呢?明明我們在ajax請求成功了將flag設為false,怎么還是true呢?

這實際上是Ajax的異步機制造成的。

這里解釋一下,同步和異步。js是單線程的,由于執行ajax請求會消耗一定的時間,甚至出現了網絡故障而遲遲得不到返回結果;這時,如果同步執行的話,就必須等到ajax返回結果以后才能執行接下來的代碼,如果ajax請求需要1分鐘,程序就得等1分鐘。如果是異步執行的話,就是告訴ajax代碼“老兄,既然你遲遲不返回結果,我先不等你了,我還有一大堆代碼要執行,等你執行完了給我說一下”。

Ajax默認是異步請求的,所以就出現了上面我們看到的結果。也就是ajax里面的代碼還沒有執行完,先執行了下面的代碼。

?

那么如何使Ajax執行同步請求呢?這就需要設置async。代碼如下:

var flag=true;
var index=0;
$.ajax({url: "http://www.baidu.com/",async:false,success: function(data){flag=false;}	
});
while(flag){index++;
}
alert(index);

?async默認是true,也就是異步,我們設置為false,即為同步。這時我們再看看結果吧。







轉載于:https://www.cnblogs.com/mixer/archive/2012/04/14/2448337.html

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/377563.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/377563.shtml
英文地址,請注明出處:http://en.pswp.cn/news/377563.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

定義類的Python示例

The task to define a class in Python. 在Python中定義類的任務。 Here, we are defining a class named Number with an attribute num, initializing it with a value 123, then creating two objects N1 and N2 and finally, printing the objects memory locations and a…

十一、線性層

一、Linear Layers torch.nn.Linear(in_features, out_features, biasTrue, deviceNone, dtypeNone) 以VGG神經網絡為例,Linear Layers可以將特征圖的大小進行變換由(1,1,4096)轉換為(1,1,1000) 二、torch.nn.Linear實戰 將CIFAR-10數據集中的測試集二維圖像[6…

easyui plugin——etreegrid:CRUD Treegrid

昨天寫了一個koeasyui的同樣的實現,感覺寫的太亂,用起來十分麻煩,于是今天照著edatagrid,寫了一個etreegrid,這樣再用ko綁定就方便多了。 使用很簡單,$(tableId).etreegrid({idField:parentIdField:,treeField:,saveUr…

expr

expr在linux中 是一個功能非常強大的命令。通過學習做一個小小的總結。 1、計算字符串的長度。我們可以用awk中的length(s)進行計算。我們 也可以用echo中的echo ${#string}進行計算,當然也可以expr中的expr length $string 求出字符串的長度。舉 例[rootlocalhost …

leetcode 42. 接雨水 思考分析(暴力、動態規劃、雙指針、單調棧)

目錄題目思路暴力法動態規劃雙指針法單調棧題目 給定 n 個非負整數表示每個寬度為 1 的柱子的高度圖,計算按此排列的柱子,下雨之后能接多少雨水。 輸入:height [0,1,0,2,1,0,1,3,2,1,2,1] 輸出:6 解釋:上面是由數組…

chdir函數_PHP chdir()函數與示例

chdir函數PHP chdir()函數 (PHP chdir() function) The full form of chdir is "Change Directory", the function chdir() is used to change the current working directory. chdir的完整形式是“更改目錄” , 功能chdir()用于更改當前工作目錄。 Synt…

十二、Sequential

一、Sequential介紹 torch.nn.Sequential(*args) 由官網給的Example可以大概了解到Sequential是將多層網絡進行便捷整合,方便可視化以及簡化網絡復雜性 二、復現網絡模型訓練CIFAR-10數據集 這里面有個Hidden units隱藏單元其實就是連個線性層 把隱藏層全部展開整…

1064-快速排序

描述 給定輸入排序元素數目n和相應的n個元素,寫出程序,利用內排序算法中快速排序算法進行排序,并輸出排序最后結果的相應序列。 輸入 共兩行,第一行給出排序元素數目n,第二行給出n個元素,1≤n≤100000&…

社交問答:取代BBS的Web2.0革命

編者按:本文由樂維UP創始人俞越撰寫,你也可以點擊這里關注俞越的新浪微博。 BBS在中國的興起是在95年,之后以驚人的速度發展起來。從2011年開始,國內的問答社區也如當年的BBS一樣,大量涌現快速成長,大體分為…

單調棧 leetcode整理(三)

目錄42. 接雨水思路分析901. 股票價格跨度思路581. 最短無序連續子數組思路一:排序雙指針思路二:單調棧思路三:雙指針(最省時)42. 接雨水 42. 接雨水 給定 n 個非負整數表示每個寬度為 1 的柱子的高度圖,計算按此排列的柱子&…

python 摳圖 鋸齒_Python | 繪圖中的抗鋸齒

python 摳圖 鋸齒Antialiasing is another important feature of Matplotlib and in this article, we will review how to use this functionality. pyplot.antialiased() is an inbuilt function in matplotlib.pyplot which performs our required operation. 抗鋸齒是Matpl…

apk 反編譯

引用:http://code.google.com/p/dex2jar/issues/detail?id20 最新版:dex2jar http://code.google.com/p/dex2jar/downloads/list 錯誤:http://code.google.com/p/dex2jar/issues/detail?id20 這段時間在學Android應用開發,在想既然是用Jav…

OpenDiscussion_DataDrivenDesign

本文源于公司內部技術交流,如有不當之處,還請指正。 Content: 1. What is Data-driven design?2. WPF revolution.3. More about ObservableCollection.4. Question.1. What is Data-driven design?Data-driven design: is a design of usi…

十三、Loss Functions

一、Loss Functions損失函數 損失函數的作用: 1,損失函數就是實際輸出值和目標值之間的差 2,由這個差便可以通過反向傳播對之后的數據進行更新 Loss Functions官網給的API 里面由很多種損失函數,不同的損失函數有其不同的用途及表…

leetcode 滑動窗口小結 (一)

目錄小結以及代碼框架76. 最小覆蓋子串滑動窗口代碼以及注釋567. 字符串的排列滑動窗口438. 找到字符串中所有字母異位詞3. 無重復字符的最長子串化簡框架reference小結以及代碼框架 滑動窗口技巧屬于雙指針技巧。 該算法的思路為維護一個窗口,不斷滑動&#xff0c…

linux命令行界面_Linux中的命令行界面

linux命令行界面If you are like most people, you are probably most familiar with using a Graphical User Interface (GUI) to control your computer. Introduced to the masses by Apple on the Macintosh computer and popularized by Microsoft, a GUI provides an eas…

一道小小面試題的細節分析

一道小小面試題的細節分析 今天突然想到以前遇到的一個問題,題目如下(可能絕大多數人都遇到過): 1 class A2 {3 public A()4 {5 PrintFields();6 }7 public virtual void Pr…

十四、OPTIM

一、torch.optim torch.optim.Optimizer(params, defaults)優化器官網說明 由官網給的使用說明打開看出來優化器實驗步驟: ①構造選擇優化器 例如采用隨機梯度下降優化器SGD torch.optim.SGD(beyond.parameters(),lr0.01),放入beyond模型的參數param…

Windows下運行jekyll,編碼已不再是問題

很久沒更新jekyll了,所以好奇著去官網看了下更新記錄,發現如下更新條目(版本1.3.0/2013-11-04發布): Add encoding configuration option (#1449)之前在windows下安裝jekyll運行編寫的代碼時,如果有中文&am…

leetcode 滑動窗口小結 (二)

目錄424. 替換后的最長重復字符思考分析1優化1004. 最大連續1的個數 III友情提醒方法1,基于當前最大頻數方法2,基于歷史最大頻數424. 替換后的最長重復字符 https://leetcode-cn.com/problems/longest-repeating-character-replacement/ 給你一個僅由大…