色尼玛亚洲综合影院,亚洲3atv精品一区二区三区,麻豆freexxxx性91精品,欧美在线91

jquery ajax 同步異步的執(zhí)行示例代碼

大家先看一段簡(jiǎn)單的jquery ajax 返回值的js
代碼
復(fù)制代碼 代碼如下:
function getReturnAjax{
$.ajax({
type:"POST",
http://www.jb51.NET/userexist.ASPx",
data:"username="+vusername.value,
success:function(msg){
if(msg=="ok"){
showtipex(vusername.id,"<img src='images/ok.gif'/><b><font color='#ffff00'>該用戶名可以使用</font></b>",false)
return true;
}
else
{
showtipex(vusername.id,"<img src='images/cancel.gif'/><b><font color='#ffff00'>該用戶已被注冊(cè)</font></b>",false);
vusername.className="bigwrong";
return false;
}
}
});
}

但是我們調(diào)用這個(gè)getReturnAjax()發(fā)現(xiàn)始終取得的都是false,那就是說return true,return false根本沒有起作用,在火狐下用firebug調(diào)試也證明,代碼根本不會(huì)執(zhí)行到return 部分。

我們?cè)囅朐诤瘮?shù)里先定義一個(gè)變量,然后在ajax里賦值,最后在函數(shù)的末尾返回這個(gè)變量,會(huì)不會(huì)有效果呢?我們把代碼修改如下:
代碼
復(fù)制代碼 代碼如下:
function getAjaxReturn()
{
var bol=false;
$.ajax({
type:"POST",
http://www.jb51.NET/userexist.ASPx",
data:"username="+vusername.value,
success:function(msg){
if(msg=="ok"){
showtipex(vusername.id,"<img src='images/ok.gif'/><b><font color='#ffff00'>該用戶名可以使用</font></b>",false)
// return true;
bol=true;
}
else
{
showtipex(vusername.id,"<img src='images/cancel.gif'/><b><font color='#ffff00'>該用戶已被注冊(cè)</font></b>",false);
vusername.className="bigwrong";
//return false;
}
}
});
return bol;
}

結(jié)果仍然不起作用。最后解決方案有2,如下

1、添加async:false.即修改為同步了,什么意思?(按同事解釋就是,這是等這個(gè)ajax有了返回值后才會(huì)執(zhí)行下面的js。一語道破天機(jī),怪不得以前很多ajax調(diào)用里面的賦值都不起作用)。這樣等ajax給bol賦值完畢后,才執(zhí)行下面的js部分。而剛剛異步的話,還沒有來得及賦值,就已經(jīng)return了。


代碼
復(fù)制代碼 代碼如下:
function getAjaxReturn()
{
var bol=false;
$.ajax({
type:"POST",
async:false,
http://www.jb51.NET/userexist.ASPx",
data:"username="+vusername.value,
success:function(msg){
if(msg=="ok"){
showtipex(vusername.id,"<img src='images/ok.gif'/><b><font color='#ffff00'>該用戶名可以使用</font></b>",false)
// return true;
bol=true;
}
else
{
showtipex(vusername.id,"<img src='images/cancel.gif'/><b><font color='#ffff00'>該用戶已被注冊(cè)</font></b>",false);
vusername.className="bigwrong";
//return false;
}
}
});
return bol;
}

2、 通過傳入一個(gè)函數(shù)解決這個(gè)問題。

代碼
復(fù)制代碼 代碼如下:
function getAjaxReturn(success_function,fail_function)
{
var bol=false;
$.ajax({
type:"POST",
http://www.jb51.NET/userexist.ASPx",
data:"username="+vusername.value,
success:function(msg){
if(msg=="ok"){
showtipex(vusername.id,"<img src='images/ok.gif'/><b><font color='#ffff00'>該用戶名可以使用</font></b>",false)
success_function(msg);
}
else
{
showtipex(vusername.id,"<img src='images/cancel.gif'/><b><font color='#ffff00'>該用戶已被注冊(cè)</font></b>",false);
vusername.className="bigwrong";
fail_function(msg);
//return false;
}
}
});
function success_function(info)
{
//do what you want do
alert(info);
}
funciont fail_function(info)
{
//do what you want do
alert(info);
}

JavaScript技術(shù)jquery ajax 同步異步的執(zhí)行示例代碼,轉(zhuǎn)載需保留來源!

鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除,多謝。

主站蜘蛛池模板: 大港区| 阳高县| 永丰县| 唐河县| 吉林市| 通河县| 比如县| 彰化市| 富源县| 比如县| 剑川县| 隆回县| 利津县| 通河县| 利辛县| 会宁县| 开封市| 临江市| 维西| 浏阳市| 个旧市| 泰州市| 西峡县| 孝感市| 察隅县| 伽师县| 汶上县| 清流县| 丹阳市| 平和县| 余江县| 泗水县| 昆山市| 盐津县| 分宜县| 沁阳市| 阳曲县| 海兴县| 漾濞| 渭南市| 孟津县|