如何使用javascript到php从html页面获取信息

如何使用javascript到php从html页面获取信息,javascript,php,html,Javascript,Php,Html,如何使用javascript到php从html页面获取信息? 我硬编码我的用户名和密码,但它不能工作 Javascript: <script type="text/javascript"> var user = ["jack", "james", "lisa"]; var pass = ["jack123", "james123", "lisa123"]; function login() { var uid = document.getE

如何使用javascript到php从html页面获取信息? 我硬编码我的用户名和密码,但它不能工作

Javascript:

<script type="text/javascript">

    var user = ["jack", "james", "lisa"];
    var pass = ["jack123", "james123", "lisa123"];

    function login() {
        var uid = document.getElementById("uid").value;
        var pin = document.getElementById("PIN").value;
            if (uid == user[0] && pin == pass[0] || uid == user[1] && pin == pass[1] || uid == user[2] && pin == pass[2]){
                alert("Log in Successful");
                window.location.href = "Welcom(withdrawal).php" ;
            }
            else{
                alert("Your User ID and PIN do not match!");
                return false;
            }
    }

</script>
表格:

PHP:

我这样做了,但什么也没发生,
它说uid是未定义的。发生了什么?

您防止表单提交时返回false,然后执行window.location重定向,该重定向将使用GET获取新页面,也不要传递任何查询参数,因为你没有在url中包含任何参数。我希望你实际上不想实现这种“登录”系统,现在你只是在尝试一些东西。。。将包含用户/密码组合的javascript代码发送到客户端-这是不安全的。应该在服务器端php和数据库中进行密码检查。
<section class="right" >
    <table bgcolor="#FFFFFF" border="0" >
    <form method="post" onsubmit="login();return false;" >
        <caption id="sidehead">Finger-Print banking</caption>
        <tr>
            <td>
            <label for="uid" >User ID :</label>
            <input class="row2" type="text" tabindex="1" maxlength="20" size="20" name="uid" id="uid">
            </td>
        </tr>   
        <tr>
            <td>
            <label for="PIN" >PIN :</label>
            <input class="row2" type="password" onkeyup="keyUp(event)" onkeydown="return onlyNumerics(event)" tabindex="2" maxlength="9" size="20" name="PIN" id="PIN" autocomplete="off">
            </td>
        </tr>
        <tr>
            <td class="m">
            <button id="side2">Login</button>
            <button type="reset" id="side1">Reset</button>
            </td>
        </tr>
        </form>
    </table>
</section>
<?php
    $userid = $_POST['uid'];

    echo ($userid);
?>