php – 如何执行ajax登录请求

发布时间：2020-12-13 17:55:52 所属栏目：PHP教程来源：网络整理

导读：我在我的 PHP代码中有这个,它目前在同一个login.php页面中执行登录请求,但现在我想用Ajax来做.基本上我在login.php中有这个 echo 'form method="post" div id="login" class="login" label for="login"User Name/label input type="text" name="logInUsernam

我在我的 PHP代码中有这个,它目前在同一个login.php页面中执行登录请求,但现在我想用Ajax来做.基本上我在login.php中有这个

echo '<form method="post" ><div id="login" class="login">
        <label for="login">User Name</label>
        <input type="text" name="logInUsername" />
        <label for="Password">Password</label>
        <input type="password" name="logInPassword" />
        <input type="submit" value="Submit"  name="submitlogin" class="button" />
        </div>';

我想仍然使用它,但有一个login_request.php或我可以发送用户名和密码验证的东西,然后更改< div id = login>说你已经登录了！< / div>我可以通过传统的方式,使用表单发布..但现在我想尝试使用Ajax.

任何帮助都感激不尽.

问候

你都尝试了些什么？这是我开始的方式：

这应该让你开始：

HTML：

<form id="loginForm">
    <div id="login" class="login">
        <label for="login">User Name</label>
        <input type="text" name="logInUsername" />
        <label for="Password">Password</label>
        <input type="password" name="logInPassword" />
        <input type="button" value="Submit" id="submitlogin" class="button" />
    </div>
</form>

jQuery的：

$("#submitlogin").click(function() {
  inputs =   //grab then inputs of your form #loginform
    $.ajax ({
       url: "urltoyourloginphp.php",data: inputs,success: function() {
        $("#login").html("You are now logged in!");
    }
  });
})

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!