通过 ajax 发送 javascript 数组而不使用 jquery

Question

我有一个 javascript 数组，其中包含“正确”、“错误”等值。 我想使用 ajax 将此数组发送到我的 php 文件。但我不熟悉如何。 这是我到目前为止所尝试的......我想在没有 jquery 的情况下做到这一点。

var hold=[];
    for(t = 0;t <= 10; t++){ 
    answers_Arr = document.getElementsByName("question"+t);
    for (k = 0; k < answers_Arr.length; k++){
        if(answers_Arr[k].checked){
            hold[t] = answers_Arr[k].value;
            //document.getElementById("test"+t).innerHTML = "Value: "+ hold[t];
            break;
        }else{
            hold[t] = "no";
            continue;

        }
    }
}
var jsonString = JSON.stringify(hold);
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function()
{
    if (xmlhttp.readyState==4  &&  xmlhttp.status==200)
    {
    document.getElementById("test1").innerHTML= xmlhttp.responseText;
    }
}

xmlhttp.open("GET","result.php?res="+hold[],true);
xmlhttp.send();

}

Answer 1

这里是通过 AJAX 发送带有 POST 的 json 字符串的示例：

var jsonString = JSON.stringify(hold);
var xmlhttp = new XMLHttpRequest();

xmlhttp.onreadystatechange = function() {
    //
}

xmlhttp.open("POST","result.php",true);
xmlhttp.setRequestHeader("Content-type", "application/json");
xmlhttp.send(jsonString);

避免使用 GET 方法发送 json 字符串，因为如果请求字符串过长，浏览器会抛出错误。

现在在您的 php 脚本中，您将拥有 $_POST 中的所有数据

编辑：看起来在某些版本的 php 上，具有其他 Content-type 的请求，如 application/json，$_POST 具有空值。要解决此问题，您可以这样做：

$_POST = json_decode(file_get_contents('php://input'));

Answer 2

替换这一行

xmlhttp.open("GET","result.php?res="+hold[],true);

与

xmlhttp.open("GET","result.php?res="+jsonString,true);