使用jQuery和PDO实现login登陆界面
8 浏览量
更新于2024-08-30
收藏 119KB PDF 举报
jQuery+Pdo编写login登陆界面
jQuery是一个轻量级的JavaScript库,继prototype之后又一个优秀的JavaScript库。它有两个版本可供下载:一份是精简过的,另一份是未压缩的(供调试或阅读)。开发学习建议使用压缩的。可以直接下载jquery.js文件,或者在html头中插入Google或者Microsoft的CDN来在网页加载时直接从网上获取库文件支持。
使用Google的CDN:
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script>
</head>
使用Microsoft的CDN:
<head>
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.min.js"></script>
</head>
但是,直接下载到自己的工程中来使用是最好的选择,不然有时会存在网络问题而无法提供支持。
Pdo是用来代替Mysql或者mysql等来处理数据库的。只要在php.ini文件中去掉;extension=php_pdo_mysql.dll的注释符号,Pdo就可以使用了。
在编写login登陆界面时,需要使用jQuery和Pdo来处理用户的登陆信息。首先,需要使用jQuery来获取用户的输入信息,然后使用Pdo来连接数据库,验证用户的登陆信息。如果验证通过,則允许用户登陆成功,否则提示错误信息。
使用jQuery获取用户输入信息的代码如下:
```javascript
$(document).ready(function(){
$('#submit').click(function(){
var username = $('#username').val();
var password = $('#password').val();
// 使用Pdo来连接数据库,验证用户的登陆信息
});
});
```
使用Pdo连接数据库的代码如下:
```php
<?php
$dsn = 'mysql:host=localhost;dbname=test';
$username = 'root';
$password = 'password';
try {
$pdo = new PDO($dsn, $username, $password);
$pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
} catch (PDOException $e) {
echo 'Connection failed: ' . $e->getMessage();
}
?>
```
在验证用户的登陆信息时,需要使用Pdo来执行SQL语句,例如:
```php
<?php
$stmt = $pdo->prepare('SELECT * FROM users WHERE username = :username AND password = :password');
$stmt->bindParam(':username', $username);
$stmt->bindParam(':password', $password);
$stmt->execute();
$result = $stmt->fetchAll();
if ($result) {
// 允许用户登陆成功
} else {
// 提示错误信息
}
?>
```
使用jQuery和Pdo可以轻松地编写login登陆界面,并提供了一个安全的登陆机制。
2010-01-11 上传
2018-06-12 上传
2019-06-07 上传
176 浏览量
2012-11-05 上传
2011-12-04 上传
2021-04-01 上传
2015-10-12 上传
2023-07-23 上传
weixin_38669881
- 粉丝: 5
- 资源: 918
最新资源
- C语言数组操作:高度检查器编程实践
- 基于Swift开发的嘉定单车LBS iOS应用项目解析
- 钗头凤声乐表演的二度创作分析报告
- 分布式数据库特训营全套教程资料
- JavaScript开发者Robert Bindar的博客平台
- MATLAB投影寻踪代码教程及文件解压缩指南
- HTML5拖放实现的RPSLS游戏教程
- HT://Dig引擎接口,Ampoliros开源模块应用
- 全面探测服务器性能与PHP环境的iprober PHP探针v0.024
- 新版提醒应用v2:基于MongoDB的数据存储
- 《我的世界》东方大陆1.12.2材质包深度体验
- Hypercore Promisifier: JavaScript中的回调转换为Promise包装器
- 探索开源项目Artifice:Slyme脚本与技巧游戏
- Matlab机器人学习代码解析与笔记分享
- 查尔默斯大学计算物理作业HP2解析
- GitHub问题管理新工具:GIRA-crx插件介绍