昨天遇到一个ajax返回值得问题。情景是这样的,在一个校验函数中使用了ajax请求后台校验名称的重复性,原代码如下:
function checkdata(){
var new_name= $("#name").val();
if(new_name ==''){
$('#status_name').text("* 请录入角色名称!").addClass("text-error");
$('#name').addClass('error').focus();
return false;
}
if($("#message").val()==''){
$('#status_message').text("* 请录入备注信息!").addClass("text-error");
$('#message').addClass('error').focus();
return false;
}
//角色名字没有修改,角色名字不能为空,所以不会出现两个变量都为空的情况
if( new_name != "{{ role.name }}"){
//ajax做角色名的重复判断
$.ajax({
url:"/mrole/add0edit/check/",
data:{"name":$("#name").val() },
type:"POST",
dataType: "json",
<span style="color:#ff6666;"> </span><span style="color:#ff0000;">async: false, //关闭异步</span>
success:function(result){
if(result.status == 1){
$("#status_message").text("* 角色名已被使用,请录入其他角色名称或返回列表编辑原角色!").addClass("text-warning");
$("#name").addClass("warning").focus();
return false;
}else{
return true;
}
}
});
}else{
return true;
}
}
此时,函数返回值为 undefined。以为是ajax的异步处理,造成还没执行回调函数,检测函数就退出造成的,于是把异步关掉。仍然不起作用。
最后返回问题是,在ajax回调函数中return返回退出的仅仅是回调函数本身,而并非外层的整个函数,所以造成外层函数无返回值,而返回undefined。
修改后代码:
function checkdata(){
var new_name= $("#name").val();
if(new_name ==''){
$('#status_name').text("* 请录入角色名称!").addClass("text-error");
$('#name').addClass('error').focus();
return false;
}
if($("#message").val()==''){
$('#status_message').text("* 请录入备注信息!").addClass("text-error");
$('#message').addClass('error').focus();
return false;
}
//角色名字没有修改,角色名字不能为空,所以不会出现两个变量都为空的情况
if( new_name != "{{ role.name }}"){
//ajax做角色名的重复判断
flag = false;
$.ajax({
url:"/mrole/add0edit/check/",
data:{"name":$("#name").val() },
type:"POST",
dataType: "json",
async: false, //关闭异步
success:function(result){
if(result.status == 1){
$("#status_message").text("* 角色名已被使用,请录入其他角色名称或返回列表编辑原角色!").addClass("text-warning");
$("#name").addClass("warning").focus();
//return false;
}else{
flag = true;
}
}
});
return flag;
}else{
//$("#ischeck").val(1);
return true;
}
}
--- 水平有限,个人记录,仅供备查。