PHP如何通过AJAX方式实现登录功能_PHP
ajax
mysql
php
ログイン
本文实例讲述了Ajax+PHP+MySQL登陆示例。分享给大家供大家参考。具体如下：
运行效果截图如下：
具体代码如下：
1 login.php
登录界面中,javascript脚本用ajax方式异步请求dologin.php,dologin.php负责用户信息验证(包括验证码,php生成验证码可以自行搜索).登录界面的代码如下:
<?php session_start();?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>login</title>
<link rel="stylesheet" type="text/css" href="CSS/login.css" />
<script src="JS/ajaxhelper.js" type="text/javascript"></script>
<script src="JS/jquery-1.3.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
function chkForm() {
if (m$('username').value == "") {
alert('用户名不能为空.');
m$('username').focus();
return false;
}
if (m$('password').value == "") {
alert('密码不能为空.');
m$('password').focus();
return false;
}
if (m$('password').value != "" && m$('username').value != "") {
var xmlhttp = createRequest();
if (xmlhttp) {
m$('loading').innerHTML = "<font color='red'>loading...</font>";
var username = m$('username').value;
var pwd = m$('password').value;
var code = m$('txtCode').value;
var url = "dologin.php";
xmlhttp.open("POST", url, true);
xmlhttp.onreadystatechange = ValidateResult;
xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xmlhttp.send("username=" + escape(username) + "&password=" + escape(pwd) + "&code=" + escape(code));
} else {
alert('xmlHttp创建失败.');
}
function ValidateResult() {
if (xmlhttp.readyState == 4) {
if (xmlhttp.status == 200) {
if (xmlhttp.responseText != "") {
//window.alert(xmlhttp.responseText);
var obj = eval("(" + xmlhttp.responseText + ")");
if (obj.result == true) {
alert("提示:" + obj.info);
window.location = 'index.php';
} else {
alert("错误:" + obj.info);
}
} else {
window.alert("从服务器获取失败");
window.location.reload();
}
m$('loading').innerHTML = "";
}
}
}
}
}
function m$(id) {
return document.getElementById(id);
}
function changeCode() {
var xmlhttp = createRequest();
if (xmlhttp) {
m$('loading').innerHTML = "<font color='red'>loading...</font>";
var dt = new Date().getTime();
// alert(dt);
var url = "function/imagecode.php?dummay" + escape(dt);
xmlhttp.open("GET", url, true);
xmlhttp.onreadystatechange = ValidateResult;
xmlhttp.send(null);
} else {
alert('xmlHttp创建失败.');
}
function ValidateResult() {
if (xmlhttp.readyState == 4) {
if (xmlhttp.status == 200) {
var dt = new Date().getTime();
var url = "function/imagecode.php?dummay" + escape(dt);
m$('imgCode').src = "function/imagecode.php?dummay" + escape(dt);
m$('loading').innerHTML = "";
}
}
}
}
function showTool() {
$('#divToolTip').css("display", "block");
}
function hideTool() {
$('#divToolTip').css("display", "none");
}
window.onload = initPage;
function initPage() {
$('#divToolTip').css("display", "none");
}
</script>
</head>
<body>
<div style="background-color:#2A3F55; height:80px;">
</div>
<div style="min-height:500px;">
<div class="left">
<div style="margin:120px auto auto auto; height:300px; text-align:left">
<div style="font-size:26px;color:#2A3F55; text-align:center;">Ajax PHP Demo System
<img src="/static/imghw/default1.png" data-src="Images/appstorm-icon.png" class="lazy" alt="appcation storm image" style="max-width:90%"/>
</div>
<br/>
<hr style="border:dashed thin #2A3F55;width:70%; text-align:center;"/>
<div style="font-size:13px;color:#999999; margin:20px auto 0 auto; padding-left:200px;">
Author:<a href="#" onmousemove="showTool();" onmouseout="hideTool();">wangming</a>
</div>
<div style="font-size:13px;color:#999999;margin:20px auto auto auto; padding-left:200px;">DateTime:2009-9-1</div>
<div style="font-size:13px;color:#999999;margin:20px auto auto auto; padding-left:200px;">Version:1.0.0</div>
<div style="font-size:13px;color:#999999;margin:20px auto auto auto; padding-left:200px;">Email:wangmingemail@163.com </div>
<div id="divToolTip">
<img src="/static/imghw/default1.png" data-src="Images/ming.jpg" class="lazy" height="86px;"/ alt="PHP如何通过AJAX方式实现登录功能_PHP" >
<span class="authordes">
<br/>
姓名:wangming<br/>
电商06-2<br/>
</span>
</div>
</div>
</div>
<div class="right">
<form>
<br/>
<table class="flogin">
<tr>
<td>用户名:</td>
<td><input type="text" name="username" id="username"/></td>
<td></td>
</tr>
<tr>
<td>密 码:</td>
<td><input type="password" name="password" id="password" /></td>
<td></td>
</tr>
<tr>
<td>验证码:</td>
<td>
<input type="text" name="txtCode" id="txtCode" size="12" />
<img src="/static/imghw/default1.png" data-src="function/imagecode.php" class="lazy" id="imgCode" alt="image code" height="22px;" style="max-width:90%"/>
</td>
<td><input type="button" class="btnrefresh" onclick="changeCode();" /></td>
</tr>
<tr>
<td></td>
<td><input type="button" class="btnlogin" onclick="chkForm();" /></td>
<td></td>
</tr>
<tr>
<td></td>
<td><span id="loading"></span></td>
<td><span id="code"></span></td>
</tr>
</table>
</form>
</div>
</div>
<div style="background-color:#2A3F55; height:60px; margin:auto 0 0 0; clear:both; text-align:center; line-height:60px; color:#FFFFFF;font-size:12px;">
©Copyright 2015.
</div>
</body>
</html>
ログイン後にコピー
2 ajaxhelper.js
function createRequest() {
try {
request = new XMLHttpRequest();
} catch (tryMS) {
try {
request = new ActiveXObject("Msxml2.XMLHTTP");
} catch (otherMS) {
try {
request = new ActiveXObject("Microsoft.XMLHTTP");
} catch (failed) {
request = null;
}
}
}
return request;
}
function getActivatedObject(e) {
var obj;
if (!e) {
// early version of IE
obj = window.event.srcElement;
} else if (e.srcElement) {
// IE 7 or later
obj = e.srcElement;
} else {
// DOM Level 2 browser
obj = e.target;
}
return obj;
}
function addEventHandler(obj, eventName, handler) {
if (document.attachEvent) {
obj.attachEvent("on" + eventName, handler);
} else if (document.addEventListener) {
obj.addEventListener(eventName, handler, false);
}
}
ログイン後にコピー
3 dologin.php
<?php
session_start();
header("Content-type:text/html;charset=gb2312");//防止返回的中文乱码
$name=$_POST['username'];
$pwd=$_POST['password'];
$imagecode=$_POST['code'];
if(strtoupper($imagecode)==$_SESSION["code"])
{
include("conn/conn.php");
$sql="select studentName,studentPwd from tbstudent where studentId='".$name."'";
$result=mysql_query($sql,$conn);
if($row=mysql_fetch_assoc($result))
{
if($pwd==$row['studentPwd'])
{
$_SESSION['username']=$row['studentName'];
//echo "{'result':true,'info':'登陆成功!','code':'".$_SESSION["code"]."'}";
echo "{'result':true,'info':'登陆成功!'}";
}
else
{
echo "{'result':false,'info':'密码错误!'}";
}
}
else
{
echo "{'result':false,'info':'该用户不存在!'}";
}
}
else
{
echo "{'result':false,'info':'验证码错误!'}";
}
?>
ログイン後にコピー
4 conn.php
<?php
$conn=$mysql_connect("localhost","root", "");
mysql_select_db("bbs",$conn);
mysql_query("SET NAMES GB2312");
?>
5
<?php
class Users {
function Users() {
}
function checkLogin($username, $userpwd) {
try {
mysql_connect("localhost", "root", "123");
mysql_select_db("studentdb");
mysql_query("SET NAMES GB2312");
$sql = "select userid from tbuser where username='$username' and userpwd='" . md5(trim($userpwd)) . "'";
$result = mysql_query($sql);
if ($result) {
$arr = mysql_fetch_row($result);
$uid = $arr[0];
if ($uid != "") {
return "true|$uid login ok.$sql";
mysql_close();
} else {
return "false|login failed!$sql";
mysql_close();
}
} else {
return "false|$result link db failed!";
mysql_close();
}
}
catch(Exception $ex) {
return "false|$ex";
mysql_close();
}
}
function AddUser($name, $pwd) {
try {
mysql_connect("localhost", "root", "123");
mysql_select_db("studentdb");
mysql_query("set names gb2312");
$sql0 = mysql_query("select userid from tbuser where username='$name'");
$info0 = mysql_fetch_array($sql0);
$userid = $info0[0];
if ($info0 != false) {
return "false | $name is exisis.(id:$userid)";
}
$pwd = md5(trim($pwd));
$query = mysql_query("insert into tbuser(username,userpwd)values('$name','$pwd')");
$error = mysql_errno();
if ($query) {
return "true | add ok";
} else {
return "false | $error";
}
}
catch(Exception $ex) {
return "false | $ex";
}
}
function DeleteUser($name) {
mysql_connect("localhost", "root", "123");
mysql_select_db("studentdb");
mysql_query("set names gb2312");
$name = trim($name);
$sql0 = mysql_query("select userid from tbuser where username='$name'");
$info0 = mysql_fetch_array($sql0);
if ($info0 != false) {
if (mysql_query("delete from tbuser where username='$name'")) {
return "true | delete ok.(id:" . $info0[0] . ")";
} else {
return "false | 删除失败";
}
} else {
return "false | 删除失败 $name 不存在";
}
}
function UpdateUser($id, $name, $pwd) {
if (is_numeric(intval(trim($id)))) {
if ($id && $name && $pwd) {
mysql_connect("localhost", "root", "123");
mysql_select_db("studentdb");
mysql_query("set names gb2312");
$pwd = md5(trim($pwd));
$isexists = mysql_query("select * from tbuser where userid='$id'");
if (mysql_fetch_array($isexists)) {
$sql0 = mysql_query("update tbuser set username='$name',userpwd='$pwd' where userid= $id");
if ($sql0) {
return "ture | update ok";
} else {
return "false | 更新失败";
}
} else {
return "false | usrid=$id not exists.";
}
} else {
return "false |id=$id name=$name and pwd=$pwd .At least one of them is null.";
}
} else {
return "false | $id is not type of int.";
}
}
}
?>
ログイン後にコピー
与登录无关，只为了记录一下PHP如何在数据库MYSQL上实现CURD操作.
以上就是告诉了大家PHP如何通过AJAX方式实现登录功能，希望对大家的学习有所帮助。
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
ホットAIツール
Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ
AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。
Undress AI Tool
脱衣画像を無料で
Clothoff.io
AI衣類リムーバー
AI Hentai Generator
AIヘンタイを無料で生成します。
人気の記事
R.E.P.O.説明されたエネルギー結晶と彼らが何をするか（黄色のクリスタル）
2週間前
By 尊渡假赌尊渡假赌尊渡假赌
ハローキティアイランドアドベンチャー：巨大な種を手に入れる方法
1 か月前
By 尊渡假赌尊渡假赌尊渡假赌
スプリットフィクションを打ち負かすのにどれくらい時間がかかりますか？
4週間前
By DDD
R.E.P.O.ファイルの保存場所：それはどこにあり、それを保護する方法は？
4週間前
By DDD
2つのポイント博物館：すべての展示とそれらを見つける場所
1 か月前
By 尊渡假赌尊渡假赌尊渡假赌
ホットツール
メモ帳++7.3.1
使いやすく無料のコードエディター
SublimeText3 中国語版
中国語版、とても使いやすい
ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境
ドリームウィーバー CS6
ビジュアル Web 開発ツール
SublimeText3 Mac版
神レベルのコード編集ソフト（SublimeText3）
ホットトピック
Gmailメールのログイン入り口はどこですか？
7370
15
7370
15
Java チュートリアル
1628
14
1628
14
CakePHP チュートリアル
1355
52
1355
52
Laravel チュートリアル
1266
25
1266
25
PHP チュートリアル
1215
29
1215
29
Ubuntu および Debian 用の PHP 8.4 インストールおよびアップグレード ガイド
Dec 24, 2024 pm 04:42 PM
PHP 8.4 では、いくつかの新機能、セキュリティの改善、パフォーマンスの改善が行われ、かなりの量の機能の非推奨と削除が行われています。 このガイドでは、Ubuntu、Debian、またはその派生版に PHP 8.4 をインストールする方法、または PHP 8.4 にアップグレードする方法について説明します。
PHP 開発用に Visual Studio Code (VS Code) をセットアップする方法
Dec 20, 2024 am 11:31 AM
Visual Studio Code (VS Code とも呼ばれる) は、すべての主要なオペレーティング システムで利用できる無料のソース コード エディター (統合開発環境 (IDE)) です。 多くのプログラミング言語の拡張機能の大規模なコレクションを備えた VS Code は、
MySQL 8.4 で mysql_native_password がロードされていないエラーを修正する方法
Dec 09, 2024 am 11:42 AM
MySQL 8.4 (2024 年時点の最新の LTS リリース) で導入された主な変更の 1 つは、「MySQL Native Password」プラグインがデフォルトで有効ではなくなったことです。さらに、MySQL 9.0 ではこのプラグインが完全に削除されています。 この変更は PHP および他のアプリに影響します
PHPでHTML/XMLを解析および処理するにはどうすればよいですか？
Feb 07, 2025 am 11:57 AM
このチュートリアルでは、PHPを使用してXMLドキュメントを効率的に処理する方法を示しています。 XML（拡張可能なマークアップ言語）は、人間の読みやすさとマシン解析の両方に合わせて設計された多用途のテキストベースのマークアップ言語です。一般的にデータストレージに使用されます
母音を文字列にカウントするPHPプログラム
Feb 07, 2025 pm 12:12 PM
文字列は、文字、数字、シンボルを含む一連の文字です。このチュートリアルでは、さまざまな方法を使用してPHPの特定の文字列内の母音の数を計算する方法を学びます。英語の母音は、a、e、i、o、u、そしてそれらは大文字または小文字である可能性があります。 母音とは何ですか？ 母音は、特定の発音を表すアルファベットのある文字です。大文字と小文字など、英語には5つの母音があります。 a、e、i、o、u 例1 入力：string = "tutorialspoint" 出力：6 説明する 文字列「TutorialSpoint」の母音は、u、o、i、a、o、iです。合計で6元があります
今まで知らなかったことを後悔している 7 つの PHP 関数
Nov 13, 2024 am 09:42 AM
あなたが経験豊富な PHP 開発者であれば、すでにそこにいて、すでにそれを行っていると感じているかもしれません。あなたは、運用を達成するために、かなりの数のアプリケーションを開発し、数百万行のコードをデバッグし、大量のスクリプトを微調整してきました。
2024 年の開発者向け PHP CMS プラットフォーム トップ 10
Dec 05, 2024 am 10:29 AM
CMSはコンテンツマネジメントシステムの略称です。これは、ユーザーが高度な技術知識を必要とせずにデジタル コンテンツを作成、管理、変更できるようにするソフトウェア アプリケーションまたはプラットフォームです。 CMS を使用すると、ユーザーはコンテンツを簡単に作成および整理できます
PHPの配列の最後に要素を追加する方法
Feb 07, 2025 am 11:17 AM
配列は、プログラミングのデータを処理するために使用される線形データ構造です。アレイを処理している場合は、既存の配列に新しい要素を追加する必要があります。この記事では、各方法のコード例、出力、時間と空間の複雑さ分析を使用して、PHPの配列の最後に要素を追加するいくつかの方法について説明します。 アレイに要素を追加するさまざまな方法は次のとおりです。 四角い括弧を使用します[] PHPでは、配列の最後に要素を追加する方法は、四角い括弧[]を使用することです。この構文は、単一の要素のみを追加する場合にのみ機能します。以下は構文です。 $ array [] = value; 例
