php - ajax请求不发布表单数据

Question

我遇到一个问题，登录表单中输入的值(电子邮件和密码)没有被解析到我的服务器 PHP 脚本中。

我的ajax请求:

function signin(){
var loginEmail = gebi("loginEmail").value;
var loginPass = gebi("loginPass").value;

if(loginEmail == "" || loginPass == ""){
    gebi("loginEmail").style.borderColor = "red";
    gebi("loginPass").style.borderColor = "red";
} else {
    gebi("signinBtn").style.display = "none";

            //Declare ajax request variables
    hr = new XMLHttpRequest();
    url = "main.php";
    vars = "email="+loginEmail+"&pass="+loginPass;

    //Open the PHP file that is receiving the request
    hr.open("POST", url, true);

    //Set content type header info for sending url ecncoded variable in the request
    hr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");

    //Trim string data before sending it
    if (!String.prototype.trim) {
        String.prototype.trim = function () {
            return this.replace(/^\s+|\s+$/g, '');
        };
    }

    //Access the onreadystatechange event for the XMLHttpRequest
    hr.onreadystatechange = function() {
        if (hr.readyState == 4 && hr.status == 200) {
            var responseText = hr.responseText.trim();
            if (responseText != "signin_failed") { 
                console.log(responseText);
            } else {
                console.log(responseText);
                gebi("signinBtn").style.display = "block";
                gebi("loginEmail").style.borderColor = "red";
                gebi("loginPass").style.borderColor = "red";
            }
        }
    }
    //Send the data to the PHP file for processing and wait for responseText
    hr.send(vars);
}
}

当 php 脚本使用以下代码返回一个值时:

if (isset($_POST["email"])) {
    echo 'email = '+$_POST["email"];
}

即使表单字段中存在数据，记录到控制台的返回值也是“0”。

出了什么问题？

Answer 1

问题出在您的 PHP 脚本中。如果您尝试在 PHP 中连接字符串，请使用点 .。 + 用于在 JavaScript 等语言中连接字符串。

echo 'email = ' . $_POST["email"];