php – 如何执行ajax登录请求

发布时间:2022-04-30 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了php – 如何执行ajax登录请求脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
我在我的 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!");
    }
  });
})

脚本宝典总结

以上是脚本宝典为你收集整理的php – 如何执行ajax登录请求全部内容,希望文章能够帮你解决php – 如何执行ajax登录请求所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。