Question

我正在尝试使用Ajax函数返回true或false（这是一种从另一个函数调用的验证函数）。因此，另一个函数需要从这个函数中获取真值或假值，以便它知道下一步该做什么。

我确定我以前做过这个，但我现在无法让它工作。我尝试了同步和异步调用，在onreadystatechange函数内部返回，并且没有任何内容。

这是Ajax：

function saveBooking(){
    var service_ids=document.getElementById("allservice_ids").value;
    var provider_ids=document.getElementById("allprovider_ids").value;
    var chosen_time=document.getElementById("chosen_time").value;
    var chosen_date=document.getElementById("chosen_date").value;
    var message=document.getElementById("message").value;

    var parameters="service_ids="+service_ids+"&provider_ids="+provider_ids+"&time="+chosen_time+"&date="+chosen_date+"&you=<?php echo $_SESSION['user_mail']; ?>&message="+message

     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","include/save_booking.php",true);
     xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded")
     xmlhttp.onreadystatechange = function() {//Call a function when the state changes.
        if(xmlhttp.readyState == 4 && xmlhttp.status == 200) {
            var yesorno=xmlhttp.responseText;
            if(yesorno=="ok"){
                return true;
            }
            else{
                document.getElementById("booking_error").innerHTML = xmlhttp.responseText;
                return false;               
            }
         }
     }
     xmlhttp.send(parameters);

   }

现在save_booking.php只包含行<?php echo "ok"; ?>，我将其缩减为测试用途。

有人能告诉我如何让它发挥作用吗？在另一个函数中，如果我这样做：

if(saveBooking()){
        alert(saveBooking());
     }

它只是警告“未定义”这个词。

请注意我对jQuery不太熟悉，所以'使用jQuery'对我来说不是一个有用的回应。

Answer 1

您当前的return语句仅确定onreadystatchange方法返回的内容，但未处理（如果我错了，请更正我 - 至少我不知道如何访问其返回值）。你想要的是影响saveBooking的回报，所以你可以这样做：

 var responseOk = false;
 xmlhttp.onreadystatechange = function() {//Call a function when the state changes.
    if(xmlhttp.readyState == 4 && xmlhttp.status == 200) {
        responseOk = (xmlhttp.responseText=="ok");
        if(!responseOk) {
            document.getElementById("booking_error").innerHTML = xmlhttp.responseText;
        }
     }
 }
 ...
 return responseOk;

顺便说一句，除非有一些特殊的原因你想避免使用jQuery（例如我个人想先学会自己做事），我强烈建议你看看它。这对你来说并不复杂，也会让事情变得更容易。

除此之外，我必须支持MilkyWayJoe的评论 - 生成异步HTTP请求然后需要等待其返回值没有多大意义。目前，我的上述示例在大多数情况下可能会返回false，因为在脚本到达return语句时请求未完成。有意义的是不要混淆发出请求的函数和请求的回调。

获取Ajax函数以返回true或false

1 个答案: