javascript - Ajax 相关的文本字段和下拉菜单(PHP 和 Javascript)-6ren

javascript - Ajax 相关的文本字段和下拉菜单(PHP 和 Javascript)

转载作者：行者123 更新时间：2023-11-30 15:28:42

25

4

我是一名学生，仍然是 Javascript 和 php 的新手，我需要为我的网站创建一个登录页面，该页面可以使用 ajax 检查数据库中的用户输入。

示例:当用户在给定的字段中输入用户名和密码时，系统将自动在数据库中检查用户是否存在，并从响应表中返回所需的数据，例如用户责任到下面的下拉菜单中，然后他们就可以登录系统了。以下是我的基本编码:

配置.php:

e$host = "localhost";
$User = "root"
$Pass = "passw";
$db = "skm_spm";

登录.php:

<?
require ("config.php");

$conn=mysqli_connect($host,$user,$pass,$db);

   $duser="select * from tab_user where user_name = '".$_POST["Lname"]."'";
   $uresult=myqli_query($conn,$duser);

       if(!$uresult)
                  die("Invalid query: ".mysqli_error());
            else 
                if(mysqli_num_rows($uresult)== 0){
                    echo "User does not exist";
                    }
                    else
                    {
                    $row=mysqli_fetch_array($result,MYSQL_BOTH);
                    if($row["User_Password"] == $_POST["Lpass"])
                        {
                            $dresp="select resp_id,resp_name from tab_resp";
                            $result2 = mysqli_query($conn,$dresp);

                        }
                    else
                    {
                    }
                }
?>

      <html>
      <b>Login</b><br>
      Name : <input type = "text" name="Lname" id="Lname" placeholder="Username"/><br>
      Password: <input type = "password" name="Lpass" id="Lpass" placeholder="password"/><br><br>
        <div class = "optresp">
              <select name="sresp" id="sresp">
                   <option>--Responsibility--</option>
                       <?
                        while (mysqli_fetch_array($result2)){
                        echo "<option  value='$row[1]'>$row[1]</option>";
                       ?>
              </select>
        </div>
      </html>

我在网上学习并尝试用我的理解编码，但仍然失败。我需要一个可以与上面的代码一起使用的 php ajax 编码。谢谢。

最佳答案

我将向您提供我最近项目中的一些代码，希望您能够理解它并根据您的需要进行调整。

首先，您应该将登录表单与 PHP 登录代码放在一个单独的文件中。然后在页面上有按钮或运行 Javascript 函数的输入事件，在我的例子中是 Login()。在这个 Javascript 函数中，输入字段中的文本被保存到两个变量中，并对它们进行一些基本检查以确保它们已被填写。接下来，PHP 登录函数文件(它没有可见的内容，只是处理一些数据在 PHP 中)使用 $.post 行。这还将两个输入变量(同名)传递给 PHP 文件。您还可以看到，根据作为“数据”从 PHP 文件返回/回显的内容，可能会出现几种可能的结果(登录成功、帐户被禁止或登录无效)。我个人将这些结果称为错误消息或成功消息，例如，密码/用户名不正确的错误消息 6。

//FUNCTIONS
function Login(){
    var StrUsername = $("#txtUsername" ).val();
    var StrPassword = $("#txtPassword").val();
    if (StrUsername == "" && StrPassword == ""){
        $('#pError').text('Enter your Username and Password!');
    }
    else if(StrUsername == ""){
        $('#pError').text('Enter your Username!');
    }
    else if(StrPassword == ""){
        $('#pError').text('Enter your Password!');
    }
    else{
        $.post('https://thomas-smyth.co.uk/functions/php/fnclogin.php', {StrUsername: StrUsername, StrPassword: StrPassword}, function(data) {
            if (data == 0){
                window.location.href = "https://thomas-smyth.co.uk/home";
            }
            else if (data == 1){
                window.location.href = "https://thomas-smyth.co.uk/banned";
            }
            else if (data == 6){
                $('#pError').text('Username & Password combination does not exist!');
            }
        });
    }
}

接下来是 PHP 函数文件。首先，使用 $_POST 收集 Javascript 传递的变量。然后我的 SQL 类被拉入文件，这完成了我所有的 SQL 数据库连接。然后我的 SQL 语句将搜索该帐户是否存在。注意其中的?。这可以防止 SQL 注入(inject)，因为变量通过 SQL 服务器绑定(bind)到语句中，这意味着它不会允许人们将 SQL 代码放入我的输入字段以破坏我的数据库。然后我检查该帐户是否存在，如果不存在我将数据保存到 6，这将导致返回数据时运行 Javascript 中的错误消息 6。我的数据库中有一个包含排名的字段。如果登录正确，那么我创建一个 SESSION 变量来存储他们的用户名和排名。稍后在页面上使用它来检查他们是否在显示页面之前登录(这加快了导航速度，因为这意味着数据库没有每次用户切换页面时都需要搜索，但是确实会带来一些问题，例如如果您在用户登录时禁止用户，他们将保持登录状态直到他们的 session 结束)。您可以在下拉菜单中使用它来确保用户已登录和/或获取他们的用户名。最后，我返回 0 或 1，以便 Javascript 将它们重定向到正确的页面。

<?php
//Retrieves variables from Javascript.
$StrUsername = $_POST["StrUsername"];
$StrPassword = $_POST["StrPassword"];

require "sqlclass.php";
$TF = new TF_Core ();

    $StrQuery = "
    SELECT Username, Rank FROM tblUsers 
    WHERE Username = ? AND Password = ?";

if ($statement = TF_Core::$MySQLi->DB->prepare($StrQuery)) {
    $statement->bind_param('ss',$StrUsername,$StrPassword);
    $statement->execute ();
    $results = $statement->get_result ();

    if($results->num_rows == 0){
        $data = 6;
    }
    else {

        while ($row = $results->fetch_assoc()) {
            //Other groups
            if ($row["Rank"] == "Developer" || $row["Rank"] == "Staff" || $row["Rank"] == "Cadet"){
                session_start();
                $_SESSION["LoginDetails"] = array($StrUsername, $row["Rank"]);
                $data = 0;
            }
            //Banned
            else if ($row["Rank"] == "Banned"){
                session_start();
                $_SESSION["LoginDetails"] = array($StrUsername, "Banned");
                $data = 1;
            }
        }
    }
}

echo $data;
?>

希望对您有所帮助。如果您需要更多帮助，请说出来!

关于javascript - Ajax 相关的文本字段和下拉菜单(PHP 和 Javascript)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/42573606/

25

4

0

文章推荐： javascript - slick.js slider 点禁用点击但仍然显示它们

文章推荐： c - 在c中使用结构体数组时出现段错误11

文章推荐： c# - 扩展 Protocol Buffer 以使用现有协议(protocol)？

ajax - Comet, Ajax Push, Reverse Ajax
有人有 Comet 应用程序 .net 的任何样本吗？我需要一个示例如何在服务器中保持客户端的连接？最佳答案这里也有一些不错的: http://www.frozenmountain.com/we
ajax - Yii2:ajax 提交表单上的 ajax 表单验证
我想知道是否有 Yii2 专家可以帮助我了解如何最好地使用 ajax 表单与 Yii ajax 验证相结合。我想我可以在不带您阅读我所有代码的情况下解释这个问题。我正在处理一个促销代码输入表单，用户
ajax - Ajax 和 Jquery-Ajax 之间的区别
已关闭。此问题不符合Stack Overflow guidelines 。目前不接受答案。要求提供代码的问题必须表现出对所解决问题的最低限度的了解。包括尝试的解决方案、为什么它们不起作用以及预期结果
ajax - f :ajax and a4j:ajax? 和有什么区别吗
f:ajax 和 a4j:ajax 标记之间有什么显着差异吗？我知道 Richfaces 4 中的 a4j:ajax 基于 native f:ajax JSF2 标记，添加了一些 f:ajax 中未
ajax - 在 $.ajax() 中将数组传递给 ajax 请求
我已经尝试过这样但无法获取数组列表。它返回“null” var data=[]; data[0] = '1'; data[1] = '2'; $.ajax({
ajax - jQuery.ajax 和 $.ajax 是一样的吗？
在教程中可以看到 jQuery.ajax 和 $.ajax 喜欢这里 http://www.thekludge.com/form-auto-save-with-jquery-serialize/ jQ
ajax - Ajax 会降低性能吗？
过度使用 AJAX 会影响性能吗？在大型 Web 应用程序的上下文中，您如何处理 AJAX 请求以控制异步请求？最佳答案过度使用任何东西都会降低性能；在必要时使用 AJAX 将提高性能，特别是如果
ajax - 使用 Ext.Ajax.request 的跨域 Ajax
似乎我无法使用 Ext.Ajax.request 进行跨域 ajax 调用。看起来 ScriptTag: True 没有任何效果。这是我的代码: {
ajax - AJAX 调用后的渲染问题
我正在使用 Bottle 微框架(但我怀疑我的问题来自它) 首先，如果我定义了一个从/test_redirect 到/x 的简单重定向，它会起作用。所以 Bottle redirect() 在简单的情
ajax - Ajax 库的比较
任何人都可以指出各种 AJAX 库的统一比较吗？我已经阅读了大约十几种不同的书，我即将开始一个项目，但我对自己是否已经探索了可能性的空间没有信心。请注意，我不是在要求“我认为 XXX 很棒”——我正
ajax - 哪些情况下不应使用 AJAX？
似乎使用 AJAX 的站点和应用程序正在迅速增长。使用 AJAX 的主要原因之一可能是增强用户体验。我担心的是，仅仅因为项目可以使用 AJAX，并不意味着它应该。可能是为了 UX，AJAX 向站点/
ajax - ajax 页面的永久链接最佳实践
假设我有一个可以通过 Javascript 自定义的“报告”页面。假设我有可以更改的 start_date、end_date 和类型(“简单”或“完整”)。现在我希望地址栏始终包含当前(自定义) V
ajax - 我是否正确理解了 Ajax？
我一直在阅读 Ajax 并且希望从 stackoverflow 社区看到我是否正确理解所有内容。因此，正常的客户端服务器交互是用户在 url 中拉出 Web 浏览器类型，并将 HTTP 请求发送到服
ajax - AJAX 可以提交基本身份验证的凭据吗？
这可能有点牵强，但让我们假设我们需要它以这种方式工作: 我在服务器的 web 根目录中有一个 index.html 文件。该文件中的 javascript 需要向/secure/ajax.php 发出
ajax - AJAX 检查用户名功能的安全性
关闭。这个问题是opinion-based .它目前不接受答案。想改进这个问题？更新问题，以便 editing this post 可以用事实和引用来回答它. 去年关闭。 Improve this
ajax - Ajax 发布后重定向
我希望ajax post成功进入主页。由于某种原因，我一直做错事。知道我应该做什么来解决这个问题吗？ window.APP_ROOT_URL = ""; Ajax $.ajax({ url: '#{a
ajax - Jquery 在第一个 ajax 函数调用完全完成后继续另一个 ajax 函数
我在 2 个不同的函数中有 2 个 ajax 调用。我想用.click来调用这2个函数。 func1 将数据插入数据库，然后 func2 检索数据，所以我的问题是如何等到 func1 完全完成然后只执
ajax - AJAX 请求时禁用按钮
我试图在单击按钮后禁用该按钮。我尝试过: $("#ajaxStart").click(function() { $("#ajaxStart").attr("disabled", true);
ajax - RAILS 6 Ajax 事件和 Ajax Spinner
我试图在每个 Ajax 请求上显示加载动画/微调器我的 application.js $(document).on("turbolinks:load", function() { window.
ajax - ajax settimeout刷新div
我正在显示使用jQplot监视数据的图形。为了刷新保存该图的div，我每5秒调用一次ajax调用(请参见下面的JavaScript摘录)。在服务器上，PHP脚本从数据库中检索数据。成功后，将在5

首页

博学

6Ren·AI

商城

javascript - Ajax 相关的文本字段和下拉菜单(PHP 和 Javascript)