php jquery ajax用户登录实例代码
用户登录就是用户输入用户名密码点击登录页面不刷新然后利用ajax提交到后台程序进行判断,如果登录成功返回真或相关用户信息,这样就实现了用户无刷新登录效果了。
php Jquery 无刷新登录,自己写的一个很简单的
加了一个判断就是如果是已经登录的,刷新后还是显示的登录状态
登录页面文件
html页面
<script type="text/javascript" src="jquery-1.4.3.js" mce_src="jquery-1.4.3.js"></script> <script type="text/javascript"> $(document).ready(function () { //DOM的onload事件处理函数 $("#button").click(function () { //当按钮button被点击时的处理函数 postdata(); //button被点击时执行postdata函数 }); }); function postdata() { //提交数据函数 $.ajax({ //调用jquery的ajax方法 type : "POST", //设置ajax方法提交数据的形式 url : "login_ok.php", //把数据提交到ok.php data : "writer=" + $("#writer").val() + "&pass=" + $("#pass").val(), //输入框writer中的值作为提交的数据 success : function (msg) { //提交成功后的回调,msg变量是ok.php输出的内容。 $("#div2").html(msg); //如果有必要,可以把msg变量的值显示到某个DIV元素中 } }); } </script> <script type="text/javascript"> <!-- function init() { $.ajax({ type : "GET", url : "if_login.php", data : "ts=" + new Date().getTime(), success : function (msg) { //提交成功后的回调,msg变量是ok.php输出的内容。 if (msg == 'true') { $("#div2").html("login ok"); } } }); } //--> </script> <body onLoad="init();"> <div id="div2"> <input name="writer" id="writer" type="text" value="" /> <input name="pass" id="pass" type="password" value="" /> <input type="submit" name="button" id="button" value="提交" /> </div> </body>
发送到文件
<?php session_start(); require "conn.php"; $username = $_POST['writer']; $password = $_POST['pass']; mysql_select_db($database_lr, $lr); $sql = "SELECT * FROM admin WHERE username='$username' AND password='$password'"; $result = mysql_query($sql); if (mysql_num_rows($result) > 0) { // login sucess $_SESSION['login_Admin'] = "Admin"; echo "login ok"; } else { // The user ID found echo "Login failed, ID error or expired."; } ?>
文章链接:http://www.phprm.com/code/54984.html
随便收藏,请保留本文地址!