javascript - 使用 PHP 操作文件从 HTML 输入表单发布数据，无需刷新页面

Question

我有一个 HTML 输入表单和一个 PHP 文件。现在我尝试执行 PHP 文件并返回结果而不刷新页面。所以，我使用了 javascript 来做到这一点。但是现在使用javascript后，$_POST[uid]无法获取用户输入的ID，因此PHP文件返回else条件。

我有这个 HTML 表单:

<form method="post" action="test.php">
    <span>
        Sign in System
    </span>
    <div data-validate = 
 "ID is required">
        <input id="uid" type="text" name="uid" 
 placeholder="Please enter your ID number">
        <span class="focus-input100"></span>
        <span class="symbol-input100">
            <i class="fa fa-lock" aria-hidden="true"></i>
        </span>
    </div>
                
    <input type="button" id="searchForm" 
onclick="SubmitForm();" value="Signin" />

这是使用的 JavaScript 代码:

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
function SubmitForm() {
    var uid= $("#uid").val();
    $.post("test.php", { uid: uid},
        function(data) {
            alert("Sorry.. " + data);
        });
    }
</script>

这是我的 PHP 代码:

session_start();
$uid = $_SESSION['uid'] = $_POST['uid'];
$first7 = substr($uid, 0, 8);
$ids=Array(Some Array Values)
foreach ($ids as $id) {
    if (substr($id, 0, 8) === $first7){
        header("Location: success.php");
    }
    else{ 
        echo "Entered ID is Wrong"; break;
    }
}

现在结果总是给我 else 条件，显示一个警告框说:输入的 ID 是错误的..它甚至无法检查它是否正确并重定向到 success.php

有什么想法吗？

Answer 1

var idd = $("#uid").val();

您在输入中没有idd名称，它的uid

在 PHP 中

session_start();
$uid = $_SESSION['uid'] = $_POST['idd'];