不清楚Ajax同步與異步請求的快來看這裡!

一、ajax異步(默認:true)

異步:並行處理,程序向服務器發送一個請求,在結果返回之前,程序還是可以執行其它操作,大大節省了用戶的時間,也提高用戶的體驗。

不清楚Ajax同步與異步請求的快來看這裡!

二、ajax同步(設置:false)

同步:順序處理,程序向服務器發送一個請求,在結果返回之前,程序要一直等待結果返回才可以執行下一步操作

不清楚Ajax同步與異步請求的快來看這裡!

舉個具體例子,這裡test1利用ajax請求訪問test2,在chrome和firefox等瀏覽器是不可以的,只有在IE是可以的(涉及到跨域訪問)

test2.html如下:

不清楚Ajax同步與異步請求的快來看這裡!

異步情況下:test1.html如下

不清楚Ajax同步與異步請求的快來看這裡!

返回結果:AJax異步測試返回結果

同步情況下:test2.html如下:

不清楚Ajax同步與異步請求的快來看這裡!

返回結果:Ajax同步測試返回結果

由上面兩個例子可以看出,在異步的情況中 $('#resultView').html("Ajax同步測試返回結果"); 這句語句執行時,請求還未完成,界面加載完全之前,請求完成,執行 $('#resultView').html(data); 語句,導致界面顯示test2.html內容;在同步的情況中必須等請求結束後才會執行 $('#resultView').html("Ajax同步測試返回結果"); 所以在界面加載完全之後顯示是第二條語句執行後的結果。

web前端的學習需要有耐心,要循序漸進,小編這裡整理了web前端的學習資料,有意向的小夥伴快點行動起來吧,關注小編,私信【學習】,即可免費獲得哦!


分享到:


相關文章: