欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jquery ajax請求方式與提示用戶正在處理請稍等

 更新時間：2014年09月01日 16:10:20   投稿：whsnow  
為了提高用戶體驗度，我們通常會給出 “正在處理，請稍等！”諸如此類的提示。我們可通過設(shè)置$.ajax()下的參數(shù)beforeSend()來實現(xiàn)

初次使用$.ajax() ,我沒有去區(qū)分過ajax的異步請求和同步請求的不同，剛開始使用同步請求，以至后來出現(xiàn)許多問題，特別在體驗度方面。
異步和同步：
同步意味著執(zhí)行完一段程序才能執(zhí)行下一段，它屬于阻塞模式，其表現(xiàn)在網(wǎng)頁上的現(xiàn)象是——瀏覽器會鎖定頁面（即所謂的頁面假死狀態(tài)），用戶不能操作其它的，必須等待當(dāng)前請求返回數(shù)據(jù)。而使用異步方式請求，頁面不會出現(xiàn)假死現(xiàn)象。
提升用戶體驗度：
當(dāng)用戶提交數(shù)據(jù)等待頁面返回結(jié)果是需要時間的，有時這段等待時間比較長，為了提高用戶體驗度，我們通常會給出 “正在處理，請稍等！”諸如此類的提示。我們可通過設(shè)置$.ajax()下的參數(shù)beforeSend()來實現(xiàn)，
eg:
html關(guān)鍵代碼 

<div id="warning"></div>

js文件中的關(guān)鍵代碼

$.ajax(function(){
.
.
.
//省略了一些參數(shù)，這里只給出async 和 beforeSend
async: false, //同步請求，默認情況下是異步（true）
beforeSend: function(){
$('#warning').text('正在處理，請稍等！');
}
});

注意，如果你按照同步設(shè)置 async: false, $('#warning').text('正在處理，請稍等！');在網(wǎng)頁中根本沒有出現(xiàn)效果，如果將$('#warning').text('正在處理，請稍等！');換成 alert（‘test'）；在發(fā)送請求前會立即看到彈出框，這說明 beforeSend:是執(zhí)行了，但是換成別的諸如 $('#warning').text('正在處理，請稍等！'); 在請求發(fā)出返回結(jié)果了都沒有看到提示出現(xiàn)。關(guān)于這個問題，我是納悶了很久，問題到底是什么我還是不清楚。
把同步請求改成異步請求，上面的問題就沒有了，

beforeSend: function(){
$('#warning').text('正在處理，請稍等！');
}

會立即被執(zhí)行。

相關(guān)文章

最新評論