Jquery，ajax 发布并获得结果？

Posted 2023-05-09

【中文标题】Jquery，ajax 发布并获得结果？

【英文标题】：Jquery, ajax post and get results?

【发布时间】：2013-07-20 16:16:42

【问题描述】：

我正在登录，我希望 ajax 将每个键击发布到查询中。当登录名与数据库（mysql）中的登录名匹配时，我希望将密码返回到父页面。这就是现在的全部。我过去曾使用 ajax 将 php 发布到数据库，但从未返回变量。我也不知道我是否传递了表单信息，谢谢！

index.php 脚本：

$(function()

    $("#inputEmail").keyup(function() 
    var UsernameInput = $(this).val();
        $.ajax(
            type: "POST",
            url: "PullUserDb.php",
            data:  'UsernameInput':UsernameInput ,
            dataType: "text",
            success: function(data)
            
            $('.body').html(data);
            
        );
    );

);

index.php HTML：

 <div class = "HeaderLogin">
        <form class="LoginForm">
            <div class="control-group">
                    <div class="controls">
                    <input style = "height: 30px" type="text" id="inputEmail" placeholder="Email">
                </div>
            </div>
            <div class="control-group">
                <div class="controls">
                <input style = "height: 30px" type="password" id="inputPassword" placeholder="Password">
                </div>
            </div>
            <div class="control-group">
                <div class="controls">
                    <button style = "width: 200px" type = "button" class="SubmitLogin">Sign in</button>
                </div>
            </div>
        </form>
    </div>

PullUserDb.php：

<?php
//Connect to the server
$db_server = mysql_connect('localhost','root','');
if(!$db_server) die("Unable to connect to MySQL: " . mysql_error());
?>

<?php
//Connect to the database
mysql_select_db('databases')
    or die("Unable to select database: " . mysql_error());
?>

<?php
$Input_Username = $_POST['UsernameInput'];
//Pull columns and store them into variables
$query_users = "Select *

                FROM users

                WHERE Username = '".$Input_Username."'";

$result_users = mysql_query($query_users);
if (!$result_users) die ("Database access failed: " . mysql_error());

while($row_user_fetch = mysql_fetch_array($result_users))
   
        $Username = $row_users_fetch['Username'];
        $Password = $row_users_fetch['Password'];
        $Email = $row_users_fetch['Email'];
        echo $Email;
   
?>

【问题讨论】：

如果您打算以纯文本形式传递密码，请不要这样做。正确的登录系统对提供的密码进行加密，并将其与数据库中的加密值进行比较。如果可以避免，切勿将凭据信息从服务器传递给客户端。

我意识到这里存在安全问题。我只是想先降低功能。稍后我会弄清楚加密。这只是一个个人项目 FWIW。

我也可以发回一个真假。我也同意。我只是想退货。

您是否查看过 jQuery UI 自动完成小部件，它完全符合您的要求？ api.jqueryui.com/autocomplete

我可以使用一个小部件，但这只是一个个人项目。我正在努力学习，所以我正在手工做所有事情......好吧，至少这部分我也想要。我所需要的只是从 ajax 返回的东西。任何事物。大声笑

【参考方案1】：

我想通了！此代码已被编辑以显示其他需要它的人！当您输入一个好的用户名时，以下代码会将相应用户的电子邮件回显到 Body 类 DIV。