php jquery ajax user login example code_PHP tutorial

User login means that the user enters the user name and password, clicks on the login page without refreshing, and then uses ajax to submit it to the background program for judgment. If the login is successful, it returns true or relevant user information, thus achieving the user's no-refresh login effect.

php Jquery login without refresh, a very simple one written by myself
Added a judgment that if you are already logged in, the login status will still be displayed after refreshing
Login page file
html page

The code is as follows

代码如下

复制代码

$(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元素中 } }); }

Copy code

代码如下

复制代码

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."; } ?>

$(document).ready(function(){ //DOM onload event processing function $("#button").click(function(){ //The processing function when the button button is clicked

postdata(); //Execute the postdata function when the button is clicked

}); }); function postdata(){ //Submit data function $.ajax({ //Call jquery’s ajax method type: "POST", //Set the form of data submitted by ajax method url: "login_ok.php", //Submit data to ok.php data: "writer="+$("#writer").val()+"&pass="+$("#pass").val(), //The value in the input box writer is used as the submitted data success: function(msg){ //Callback after successful submission, msg variable is the content output by ok.php. $("#div2").html(msg); //If necessary, the value of the msg variable can be displayed in a DIV element } });

}

Send to file

The code is as follows

Copy code

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.bkjia.com/PHPjc/632748.htmlwww.bkjia.comtruehttp: //www.bkjia.com/PHPjc/632748.htmlTechArticleUser login means that the user enters the user name and password, clicks on the login page without refreshing, and then uses ajax to submit to the background program for judgment. If Login successfully returns true or relevant user information, so...