javascript - php $_REQUEST[ ] 不起作用

Question

我在 html 文件中有表单，它是文件正文

<form action="" method="post">       
    <input id="name" type="text" name="username" placeholder="username" required></br></br>
    <input id="password" type="password" name="password" placeholder="password" required></br></br>
    <p id="warn"></p></br></br>
    <input type="submit" value="Login" onclick="f()"></br>
</form>

<script>
function f() {
    var name = document.getElementById("name").value ;
    var password = document.getElementById("password").value ;
    var xttp = new XMLHttpRequest();
    xttp.onreadystatechange = function () {
        if (this.readyState == 4 && this.status == 200) {
            document.getElementById("warn").innerHTML = this.responseText ;             
        }
    };

    xttp.open("GET", "tst1.php?name="+name+"& password"+password, true);
    xttp.send();
}
</script>

我有一个名为 tst1.php 的 php 文件

<?php 
    echo $_REQUEST["name"]+"...."+$_REQUEST["password"] 
?>

我尝试使用ajax在p标签中显示输入的值，id =“warn”但它没有显示它

Answer 1

您的代码中需要更改一些内容，例如:

• echo $_REQUEST["name"]+"...."+$_REQUEST["password"] , +不是串联运算符， .是。所以这个语句应该是这样的:

  echo $_REQUEST["name"] . "...." . $_REQUEST["password"]; 
  

• 失踪=在 password 之后签名在此声明中，xttp.open("GET", "tst1.php?name="+name+"& password"+password, true); 。这个语句应该是这样的:

  xttp.open("GET", "post.php?name="+name+"&password="+password, true);
  

• 返回false调用f()后立即函数，否则页面会刷新，您将无法在此处看到输出值 <p id="warn"></p> .

  <input ... onclick="f(); return false;">