如何在 Javascript 中从 mysqli 中进行选择

How to select from mysqli in Javascript?

本文关键字：行选 选择 mysqli 中从 Javascript      更新时间：2023-09-26

我正在为我的网站制作注册表单，但我不希望它在所有字段都正确之前提交。

目录。 

<div id="register-error"></div>
<form action="" method="POST" id="register-form">
    <input type="text" id="fn" placeholder="Full Name">
    <input type="text" id="un" placeholder="Username">
    <input type="text" id="em" placeholder="Email">
    <input type="password" id="pswd" placeholder="Password">
    <input type="password" id="pswd2" placeholder="Repeat Password">
    <input type="submit" id="register" class="login loginmodal-submit" value="Register">
</form>

菲律宾比索。

$("#register-form").submit(function(){
    var name = $("#fn").val();
    var username = $("#un").val();
    var email = $("#em").val();
    var password = $("#pswd").val();
    var password2 = $("#pswd2").val();
    if(fn&&un&&em&&pswd&&pswd2){
        // check if the username exist
    }
    else
    {
        $("#register-error").html("Please fill in all fields");
        return false;
    }
});

现在我需要检查我的数据库中是否存在用户名。
如果用户名确实存在，则再次返回 false 并打印错误消息。

Sql.

`id` int(11) NOT NULL AUTO_INCREMENT,
`name` varchar(255) NOT NULL,
`username` varchar(255) NOT NULL,
`email` varchar(255) NOT NULL,
`password` varchar(255) NOT NULL,

我可以在javascript函数中包含php吗？

没有必要包含 PHP。

在您的if声明中：

if(fn&&un&&em&&pswd&&pswd2){
    // check if the username exist
}

您需要向 PHP 服务器添加一个 AJAX 请求以检查用户名是否存在。 由于您已经在使用 jQuery，因此您可以在此处阅读有关其 AJAX 函数的更多信息 - http://api.jquery.com/jquery.ajax/

你不能用JavaScript直接从浏览器上的mysql获取数据，但有几种方法可以用来在网页上获取SQL数据。

将数据转储到标记。

您可以使用json_encode()将数据从PHP传递到JavaScript，以便以后在脚本中使用。但是，如果不重新加载，这不会根据您的 SQL 数据而更改，您可能需要进行一些检查以查看这是否安全。在某些情况下，可能不是。

<script type="text/javascript">
    var data = <?php json_encode($data); ?>;
</script>

使用 XHR/AJAX

你可以调用一个PHP文件，它生成JSON，如上面的json_encode()语句，然后使用JS/jQuery加载这些数据。这可以更改为动态更改而无需重新加载，尽管您需要在数据更新之前发出请求。

.PHP

[...]
echo json_encode($data);

JS（使用 jQuery）

$.get('/file.php', function (data) {
    // TODO: Update the data.
});
相关文章：