位置: 编程技术 - 正文
jQuery+Pdo编写login登陆界面(jquery console.log)
编辑：rootadmin推荐整理分享jQuery+Pdo编写login登陆界面(jquery console.log)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:使用jquery写登录页面,jquery的dialog怎么使用,jquery怎么写,jquery怎么写,dialog jquery,jquery prompt,jquery console.log,jquery教程ddkd,内容如对您有帮助，希望把文章链接给更多的朋友！
Jquery是继prototype之后又一个优秀的Javascript库。而且它是轻量级的js库。共有两个版本的 jQuery 可供下载：一份是精简过的，另一份是未压缩的（供调试或阅读）。这两个版本都可从 jQuery.com 下载。所以开发学习建议使用压缩的。
当然啦，除了直接下载jquery.js文件外，还可以在html头中插入Google或者Microsoft的CDN来在网页加载时直接从网上获取库文件支持。
使用 Google 的 CDN：
使用 Microsoft 的 CDN:
但是最好是直接下载到自己的工程中来使用，不然有时会存在网络问题而无法提供支持。
Pdo是用来代替Mysql或者mysql等来处理数据库的。
只要在php.ini文件中去掉;extension=php_pdo......等被注释掉的有关pdo的.dll文件。同时从php5开始，php默认打开pdo驱动，所以你可能在php.ini文件中看不到php_pdo.dll（这是个人的理解或者说是猜测，网上教程说一定需要着个文件，但是我只是把其他与pdo相关的所有去注释掉了而已，最后也能运行。）
去掉注释后保存后就可以运行phpinfo来进行测试了之中可以看到有关pdo的相关信息。表示配置成功。
在上一篇文章中已经用ajax技术编写了一个login登陆界面，其实不用这么麻烦，可以试试用Jquery和PDO写写，感受感受。于是就粗略的学习了一下Jquery，这才发现只要一个$POST()函数就可以完成我之前所编写的两页的代码（当然啦！人家的是已经封装做好的，只需直接调用就行了），但是我依然很高兴直接写了ajax，这使我对异步认识的更加深刻。
好了直接上代码。
首先是登陆界面的代码（与之前的没多大的区别，有一些小小改动，但是细节出魔鬼，可以认真到什么程度，我就尽力吧！）
div.css
login.php
ClickME.js
<span style="font-size:px;">$.post()函数,参数格式是：</span>
<span style="font-size:px;">$.post(url，data，call ，type)</span>
url是请求页面的地址，data是用传送的数据，callback是响应函数，type是返回内容的格式如text/xml等。就本代码来说，url为"/login_Jquery/php/check.php" data:$("#myform").serialize()，其中serialize()函数是将要传送的数据序列化便于传送数据。
callback：function(msg){$("#serverResponse").html(msg); } msg表示服务器回传的数据，然后在函数中对其进行处理，将其使用html()来内置id为serverResponse的文本值。
check.php
就check.php文件而言，就是使用了PDO代替了Mysqli而已，但是这是处理数据库的趋势。学学吧！
对了一直没上自己界面的图片，这次补上。
登陆界面：
账户密码为空 alert提醒：
账户密码与数据库异步匹配无误：
账户密码与数据库匹配有误：
