php jquery 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 )
- {
-
- $_SESSION['login_Admin']="Admin";
- echo "login ok";
-
- }
- else
- {
-
- echo "Login failed, ID error or expired.";
- }
- ?>
