javascript - Ajax，如何从 HTML 表单获取数据

Question

此刻，我对 Ajax 感到抓狂，有些东西我没有得到。

我希望用户输入密码，然后输入新密码两次，但我想使用 Ajax 将该数据发送到 PHP 脚本以进行检查，并在需要时将新密码存储在数据库中。

我只是不明白如何将数据从 HTML 表单获取到 Ajax 脚本。无论我在互联网上查找什么信息，似乎都让我感到困惑，但我觉得，当我试图寻找 Java 相关产品的帮助时，情况似乎总是如此。

这就是 Ajax:

ajaxRequest.onreadystatechange = function()
{
    if(ajaxRequest.readyState == 4){
        //document.myForm.time.value = ajaxRequest.responseText;
        document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
    }
}

var queryString = "?oldpass=" + oldpass + "&newpass=" + newpass + "&newpassretype="     + newpassretype;

ajaxRequest.open("post", "serverTime.php", true);
ajaxRequest.send(queryString); //Would use this to send post data (passwords) to the script

我错过了所有特定于浏览器的内容，因为我确信您以前已经看过它们。

<form>
<input type="password" name="oldpass" id="oldpass" />
<input type="password" name="newpass" id="newpass" />
<input type="password" name="newpassretype" id="newpassretype" />
<input type="submit" onclick="ajaxFunction('oldpass', 'newpass', 'newpassretype')" name="button2" id="button2" value="Change Password" />
<div id="txtHint"></div></form>

我想我错过了一些东西，但我不知道它是什么!有什么想法吗？

感谢您抽出时间，我希望这不是一件愚蠢的事情。

Answer 1

只需更改这一行即可工作...

var queryString = "?oldpass=" + document.forms[0]["oldpass"].value +
    "&newpass=" + document.forms[0]["newpass"].value +
    "&newpassretype=" + document.forms[0]["newpassretype"].value;

但是有两件事......

1. 您将在 URL 中传递密码和确认信息。这不是必需的，因为您应该在客户端检查它们是否相同，而不是将它们发送到服务器端进行检查。

2. 您不应在 URL 中发送密码信息，因为这是世界上最容易捕获的信息。