发布Ajax函数返回true或false
我试图让Ajax函数返回true或false(这是一种从另一个函数调用的验证函数)。 所以另一个函数需要从这个函数中得到一个真实或者错误的值,所以它会知道下一步该怎么做
这是功能:
function validateLogin( uid, pass, i ){
var uvalue = uid.value;
var pvalue = pass.value;
var xmlhttp;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.open("POST","validateCheck.php",true);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
if( xmlhttp.responseText == "Error" )
return false;
else if( xmlhttp.responseText == "Yes" )
return a;
else if( xmlhttp.responseText == 1 )
return false;
else if( xmlhttp.responseText == 2 )
return false;
else if( xmlhttp.responseText == 3 )
return false;
else if( xmlhttp.responseText == 4 )
return false;
else if( xmlhttp.responseText == 5 )
return false;
else
return true;
}
}
xmlhttp.send("uid="+uvalue+"&pass="+pvalue);
}
调用函数是:
function validateForm(i){
var uid = document.myform1.username;
var pass = document.myform1.password;
if( validateLogin(uid,pass,i) )
alert(validateLogin(uid,pass,i));
}
但函数validateLogin没有返回任何东西给调用函数(validateForm)。
使用回调
function validateLogin(uid, pass, i, callback) {
var uvalue = uid.value;
var pvalue = pass.value;
var xmlhttp;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp = new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.open("POST", "validateCheck.php", true);
xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xmlhttp.onreadystatechange = function ()
{
if (xmlhttp.readyState == 4 && xmlhttp.status == 200)
{
if (xmlhttp.responseText == "Error")
callback(false);
else if (xmlhttp.responseText == "Yes")
callback(a);
else if (xmlhttp.responseText >= 1 && xmlhttp.responseText <= 5)
callback(true);
else
callback(true);
}
};
xmlhttp.send("uid=" + uvalue + "&pass=" + pvalue);
}
并用这种方式调用你的函数
function validateForm(i){
var uid = document.myform1.username;
var pass = document.myform1.password;
validateLogin(uid, pass, i, function (resp) {
if (resp) {
alert(resp);
}
});
}
使用Jquery的Deffered对象
function validateLogin(uid, pass, i) {
var result = jQuery.Deferred();
...
if (xmlhttp.responseText == "Error")
result.value = false;
else if (xmlhttp.responseText == "Yes")
result.value = a;
...
xmlhttp.send("uid=" + uvalue + "&pass=" + pvalue);
return result.value;
}
这个功能不会提醒任何事情。 当你的函数执行完成并且你的ajax进程仍然在后台工作,你的函数不会返回任何东西,if条件将失败。
如果你有任何验证,那么你必须在ajax反应中进行验证。
xmlhttp.open( “POST”, “validateCheck.php”,假);
给异步函数回调以处理结果
看看jQuery Deferred Object
将全局变量或html元素设置为返回值
...
链接地址: http://www.djcxy.com/p/55311.html上一篇: Post Ajax function to return true or false
下一篇: Why does my phpsessid is change between 2 ajax requests