jquery ajax 同步異步的執(zhí)行 return值不能取得的解決方案
更新時間:2012年01月08日 23:25:06 作者:
jquery ajax 同步異步的執(zhí)行 return值不能取得的解決方案,需要的朋友可以參考下。
大家先看一段簡單的jquery ajax 返回值的js
代碼
function getReturnAjax{
$.ajax({
type:"POST", 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'>該用戶已被注冊</font></b>",false);
vusername.className="bigwrong";
return false;
} }
但是我們調(diào)用這個getReturnAjax()發(fā)現(xiàn)始終取得的都是false,那就是說return true,return false根本沒有起作用,在火狐下用firebug調(diào)試也證明,代碼根本不會執(zhí)行到return 部分。
我們試想在函數(shù)里先定義一個變量,然后在ajax里賦值,最后在函數(shù)的末尾返回這個變量,會不會有效果呢?我們把代碼修改如下:
代碼
function getAjaxReturn(){
var bol=false;
$.ajax({
type:"POST", 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'>該用戶已被注冊</font></b>",false);
vusername.className="bigwrong";
//return false; }
return bol;
結(jié)果仍然不起作用。最后解決方案有2,如下
1、添加async:false.即修改為同步了,什么意思?(按同事解釋就是,這是等這個ajax有了返回值后才會執(zhí)行下面的js。一語道破天機,怪不得以前很多ajax調(diào)用里面的賦值都不起作用)。這樣等ajax給bol賦值完畢后,才執(zhí)行下面的js部分。而剛剛異步的話,還沒有來得及賦值,就已經(jīng)return了。
代碼
function getAjaxReturn() {
var bol=false;
$.ajax({
type:"POST",
async:false, 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'>該用戶已被注冊</font></b>",false);
vusername.className="bigwrong";
//return false; } return bol;
}
2、 通過傳入一個函數(shù)解決這個問題。
function getAjaxReturn(success_function,fail_function){
var bol=false;
$.ajax({
type:"POST", 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'>該用戶已被注冊</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);
}
代碼
復制代碼 代碼如下:
function getReturnAjax{
$.ajax({
type:"POST", 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'>該用戶已被注冊</font></b>",false);
vusername.className="bigwrong";
return false;
} }
但是我們調(diào)用這個getReturnAjax()發(fā)現(xiàn)始終取得的都是false,那就是說return true,return false根本沒有起作用,在火狐下用firebug調(diào)試也證明,代碼根本不會執(zhí)行到return 部分。
我們試想在函數(shù)里先定義一個變量,然后在ajax里賦值,最后在函數(shù)的末尾返回這個變量,會不會有效果呢?我們把代碼修改如下:
代碼
復制代碼 代碼如下:
function getAjaxReturn(){
var bol=false;
$.ajax({
type:"POST", 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'>該用戶已被注冊</font></b>",false);
vusername.className="bigwrong";
//return false; }
return bol;
結(jié)果仍然不起作用。最后解決方案有2,如下
1、添加async:false.即修改為同步了,什么意思?(按同事解釋就是,這是等這個ajax有了返回值后才會執(zhí)行下面的js。一語道破天機,怪不得以前很多ajax調(diào)用里面的賦值都不起作用)。這樣等ajax給bol賦值完畢后,才執(zhí)行下面的js部分。而剛剛異步的話,還沒有來得及賦值,就已經(jīng)return了。
代碼
復制代碼 代碼如下:
function getAjaxReturn() {
var bol=false;
$.ajax({
type:"POST",
async:false, 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'>該用戶已被注冊</font></b>",false);
vusername.className="bigwrong";
//return false; } return bol;
}
2、 通過傳入一個函數(shù)解決這個問題。
復制代碼 代碼如下:
function getAjaxReturn(success_function,fail_function){
var bol=false;
$.ajax({
type:"POST", 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'>該用戶已被注冊</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);
}
相關文章
jquery實現(xiàn)的代替?zhèn)鹘y(tǒng)checkbox樣式插件
這篇文章主要介紹了jquery實現(xiàn)的代替?zhèn)鹘y(tǒng)checkbox樣式插件,可實現(xiàn)滑動選擇的效果,需要的朋友可以參考下2015-06-06基于jQuery的AJAX和JSON實現(xiàn)純html數(shù)據(jù)模板
jQuery內(nèi)置的AJAX功能,直接訪問后臺獲得JSON格式的數(shù)據(jù),從而實現(xiàn)純html數(shù)據(jù)模板,下面主要給大家介紹實現(xiàn)代碼,感興趣的朋友一起看下吧2016-08-08jquery scrollTop方法根據(jù)滾動像素顯示隱藏頂部導航條
使用jquery的scrollTop方法監(jiān)視頁面垂直滾動像素,并根據(jù)像素隱藏或者顯示頂部的導航條,具體實現(xiàn)代碼如下,感興趣的朋友可以參考下哈2013-05-05jQuery簡單實現(xiàn)的HTML頁面文本框模糊匹配查詢功能完整示例
這篇文章主要介紹了jQuery簡單實現(xiàn)的HTML頁面文本框模糊匹配查詢功能,涉及jQuery事件響應模擬列表框的下拉數(shù)據(jù)展示與隱藏,以及元素遍歷、匹配等相關操作技巧,需要的朋友可以參考下2018-05-05