JavaScript - AJAX等待PHP返回值

Question

我是AJAX新手。我的目标是用JavaScript打开一个php文件。

function checkCorrect(userEntry, solution) {
    return fetch("checkSolution.php", {
    method: "POST",
    headers: {
    "Content-Type": "application/x-www-form-urlencoded; charset=UTF-8",
    },
    body: `userEntry=${userEntry}&solution=${solution}`,
    })
    
    .then((response) => response.text())
    .then((res) => (res))
    .catch(err => console.log("checkCorrect: " + err));
} 
function checkSolution() {
  result = checkCorrect(userEntry, solution);
  alert(result)
}   

我的问题是，checkSolution中的alert()显示">[object Promise]">

而不是来自php的实际值。php中只有一个

回声"hi";

谢谢,BM

Answer 1

你需要使用async函数之前声明让JS知道这是一个async函数，你还需要使用await等待诺言来化解。下面是一个例子:

function async checkCorrect(userEntry, solution) {
    try {
      const requestParams = {
        method: "POST",
        headers: {
        "Content-Type": "application/x-www-form-urlencoded; charset=UTF-8",
        },
        body: `userEntry=${userEntry}&solution=${solution}`,
      }
      
      const result = await fetch("checkSolution.php", requestParams)
        .then((response) => response.text())
        .then((res) => (res))
 
      return result;
    } catch(e) {
      handleYourError(e);
    }
} 
function checkSolution() {
  result = checkCorrect(userEntry, solution);
  alert(result)
}

Answer 2

fact fetch是异步的。我不知道。在我的情况下，我正在寻找同步方法。

XMLHttpRequest 对我来说是正确的方法。

解决方案如下:

function checkCorrect(userEntry, solution) {
    var ret_value = null;
    var xmlhttp=new XMLHttpRequest();
    xmlhttp.onreadystatechange=function() {
        if (this.readyState==4 && this.status==200) {           
            ret_value =  xmlhttp.responseText;
        }
    }
    
    xmlhttp.open("POST","checkSolution.php",false);
    xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    xmlhttp.send("userEntry="+userEntry+"&solution="+solution);
    return ret_value;
}

xmlhttp.open()的第三个参数是重要的部分:

如果true =异步，如果false =同步

谢谢,BM