php的ajax框架xajax入门与试用介绍


Posted in PHP onDecember 19, 2010

一、xajax与其它ajax框架的比较
xajax功能很简单,但很灵活!~它不象其它一些大的框架,功能确实强大,但执行速度不敢恭维。。功能虽多,但不够灵活。api多,学起来简直如同学习一门新的语言。
二、xajax功能介绍
xajax的功能比较简单,但就因为简单,所以灵活。同时,这也要求使用者要对javascrīpt / vbs 客户端脚本有一定的了解。因为它的功能是比较活的。可以说单纯使用xajax,什么也做不出,但配合js / vbs 又什么都做的出。
xajax主要是使用xajaxResponse这个类,它提供了一些方法,举例如下:
1、addAlert($sMsg)
弹出警告
2、addscrīpt($sJS)
执行某段js
3、$objResponse->addAssign("","","")
给页面中的某个元素附值,或者修改其属性
等等。。。。

所以xajax不是死的,它不能做出XXX XXX功能来,但是它可以灵活的控制客户端的js / vbs,去完成我们要实现的效果。

三、xajax安装配置
不需要特别的安装和配置,只要下载其文件包,解压到网站目录中
下载地址:
http://www.xajaxproject.org/

四、用xajax做会员注册和登陆
1、数据库
采用mysql5.0,数据库名zl 表名zl_user 表结构
id int(11) auto_increment
zl_user varchar(50)
zl_pwd varchar(50)
email varchar(50)

http://blog.knowsky.com/

2、reg.php 注册文件(内有说明)

<?php 
require_once("inc/xajax.inc.php"); 
//使用xajax则必须首先引入xajax.inc.php 
$xajax = new xajax("inc/signup.php"); 
//创建一个xajax对象,为singup.php 
$xajax->registerFunction("processForm"); 
//使用singup.php里的processForm函数 
?> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<link rel="stylesheet" href="http://blogbeta.blueidea.com/css/style.css" _fcksavedurl=""http://blogbeta.blueidea.com/css/style.css"" type="text/css"> 
<title>无标题文档</title> 
<?php $xajax->printJavascrīpt('inc/'); ?> 
<scrīpt type="text/javascrīpt"> 
function submitSignup() 
{ 
xajax.$('submitButton').disabled=true; 
xajax.$('submitButton').value="http://blogbeta.blueidea.com/wait..."; 
//修改id为submitButton的属性 
xajax_processForm(xajax.getFormValues("signupForm")); 
//这里xajax_ 后面跟要使用哪个函数这里是 processForm,后面跟的是signupForm这个表单各项的集合 
return false; 
} 
</scrīpt> 
</head> 
<body><form id="signupForm" action="javascrīpt:void(null);" ōnSubmit="submitSignup();"> 
<div id="main"> 
<div id="m1">用 户 注 册</div> 
<div id="formDiv"> 
<table width="100%" border="0" cellspacing="0" cellpadding="5"> 
<tr> 
<td align="right"> </td> 
<td> </td> 
</tr> 
<tr> 
<td width="31%" align="right">用户名:</td> 
<td width="69%"><input name="usr" type="text" id="usr" /> 
*</td> 
</tr> 
<tr> 
<td align="right">密码:</td> 
<td><input name="pwd" type="password" id="pwd" /> 
*</td> 
</tr> 
<tr> 
<td align="right">密码:</td> 
<td><input name="pwd2" type="password" id="pwd2" /> 
*</td> 
</tr> 
<tr> 
<td align="right">Email:</td> 
<td><input name="email" type="text" id="email" /> 
* 可用于找回密码</td> 
</tr> 
<tr align="center"> 
<td colspan="2"><input type="submit" name="submitButton" value="提交" class="button" /> 
<input type="reset" name="Submit2" value="重置" class="button" /></td> 
</tr> 
</table> 
</div> 
</div> 
</form> 
</body> 
</html>

点提交后执行singup.php里的processForm函数

3、inc/singup.php

<?php 
define ('XAJAX_DEFAULT_CHAR_ENCODING', 'gb2312' ); 
//注意这里,必须要设置gb2312,不然中文会乱码 
require_once("xajax.inc.php"); 
require_once("function.php"); 
$xajax = new xajax(); 
$xajax->registerFunction("processForm"); 
//同reg.php文件 function processForm($aFormValues) 
{ 
$objResponse = new xajaxResponse(); 
require_once("conn.php"); 
$usr=$aFormValues['usr']; 
$email=$aFormValues['email']; 
$pwd=$aFormValues['pwd']; 
$pw=Md5($pwd); 
$errmsg=""; 
//要过滤的非法字符 
$ArrFiltrate=array("'",";","union"); 
foreach($aFormValues as $key=>$value){ 
if (FunStringExist($value,$ArrFiltrate)){ 
$objResponse->addAlert("输入的信息含有非法字符\"' ; union!\""); 
$objResponse->addAssign("submitButton","value","继续"); 
$objResponse->addAssign("submitButton","disabled",false); 
return $objResponse; 
} 
} 
if (trim($usr) == "") 
{ 
$errmsg.="请输入用户名!\n"; 
} 
if (trim($pwd) == "") 
{ 
$errmsg.="请输入密码!\n"; 
} 
if ($pwd != $aFormValues['pwd2']) 
{ 
$errmsg.="两次输入的密码不一致!\n"; 
} 
if (!CheckEmailAddr($email)) 
{ 
$errmsg.="邮件地址不正确!\n"; 
} 
$sql="select * from zl_usr where zl_usr='$usr'"; 
$result=mysql_query($sql,$db); 
if($myrow=mysql_fetch_array($result)){ 
$errmsg.="用户名已经存在!\n"; 
} 
if ($errmsg=="") 
{ 
$sForm = "注册成功<br>用户名:".$usr."<br>email:".$email.""; 
$sql="insert into zl_usr(zl_usr,zl_pwd,email) values('$usr','$pw','$email')"; 
$result=mysql_query($sql,$db); 
$objResponse->addAssign("formDiv","innerHTML",$sForm); 
} 
else 
{ 
$objResponse->addAlert($errmsg); 
//弹出错误信息 
$objResponse->addAssign("submitButton","value","继续"); 
//修改submitButton的value为继续 
$objResponse->addAssign("submitButton","disabled",false); 
//修改submitButton这个按扭的属性 
} 
return $objResponse; 
} 

$xajax->processRequests(); 
?>

这个文件中对信息进行了有效性判断,包括:用户名是否已经注册过、信息中是否有非法字符、邮件地址是否正确、两次输入的密码是否一致,如果没有错误则输入到数据库中,并
$objResponse->addAssign("formDiv","innerHTML",$sForm);
在formDiv中重新插入代码,内容为$sForm
$sForm = "注册成功<br>用户名:".$usr."<br>email:".$email."";

如果有错误信息则
$objResponse->addAlert($errmsg);
//弹出错误信息
$objResponse->addAssign("submitButton","value","继续");
$objResponse->addAssign("submitButton","disabled",false);
//修改submitButton这个按扭的属性

3、login.php 登陆文件

<?php 
require_once("inc/xajax.inc.php"); 
$xajax = new xajax("inc/login.php"); 
$xajax->registerFunction("processForm"); 
?> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<link rel="stylesheet" href="http://blogbeta.blueidea.com/css/style.css" _fcksavedurl=""http://blogbeta.blueidea.com/css/style.css"" type="text/css"> 
<title>无标题文档</title> 
<?php $xajax->printJavascrīpt('inc/'); ?> 
<scrīpt type="text/javascrīpt"> 
function submitSignup() 
{ 
xajax.$('submitButton').disabled=true; 
xajax.$('submitButton').value="http://blogbeta.blueidea.com/wait..."; 
xajax_processForm(xajax.getFormValues("signupForm")); 
return false; 
} 
</scrīpt> 
</head> 
<body><form id="signupForm" action="javascrīpt:void(null);" ōnSubmit="submitSignup();"> 
<div id="main"> 
<div id="m1">用 户 登 陆</div> 
<div id="formDiv"> 
<table width="100%" border="0" cellspacing="0" cellpadding="5"> 
<tr> 
<td align="right"> </td> 
<td> </td> 
</tr> 
<tr> 
<td width="31%" align="right">用户名:</td> 
<td width="69%"><input name="usr" type="text" id="usr" /> 
*</td> 
</tr> 
<tr> 
<td align="right">密码:</td> 
<td><input name="pwd" type="password" id="pwd" /> 
*</td> 
</tr> <tr align="center"> 
<td colspan="2"><input type="submit" name="submitButton" value="提交" class="button" /> 
<input type="reset" name="Submit2" value="重置" class="button" /></td> 
</tr> 
</table> 
</div> 
</div> 
</form> 
</body> 
</html>

4、inc/login.php 登陆用的处理文件
<?php 
define ('XAJAX_DEFAULT_CHAR_ENCODING', 'gb2312' ); 
require_once("xajax.inc.php"); 
require_once("function.php"); 
$xajax = new xajax(); 
$xajax->registerFunction("processForm"); function processForm($aFormValues) 
{ 
$objResponse = new xajaxResponse(); 
require_once("conn.php"); 
$usr=$aFormValues['usr']; 
$email=$aFormValues['email']; 
$pwd=$aFormValues['pwd']; 
$pw=Md5($pwd); 
$errmsg=""; 
//要过滤的非法字符 
$ArrFiltrate=array("'",";","union"); 
foreach($aFormValues as $key=>$value){ 
if (FunStringExist($value,$ArrFiltrate)){ 
$objResponse->addAlert("输入的信息含有非法字符\"' ; union!\""); 
$objResponse->addAssign("submitButton","value","继续"); 
$objResponse->addAssign("submitButton","disabled",false); 
return $objResponse; 
} 
} 
if (trim($usr) == "") 
{ 
$errmsg.="请输入用户名!\n"; 
} 
if (trim($pwd) == "") 
{ 
$errmsg.="请输入密码!\n"; 
} 
$sql="select * from zl_usr where zl_usr='$usr' and zl_pwd='$pw'"; 
$result=mysql_query($sql,$db); 
if(!$myrow=mysql_fetch_array($result)){ 
$errmsg.="用户名不存在,或密码错误!\n"; 
} 
if ($errmsg=="") 
{ 
$sForm = "登陆成功"; 
$objResponse->addAssign("formDiv","innerHTML",$sForm); 
} 
else 
{ 
$objResponse->addAlert($errmsg); 
$objResponse->addAssign("submitButton","value","继续"); 
$objResponse->addAssign("submitButton","disabled",false); 
} 
return $objResponse; 
} 

$xajax->processRequests(); 
?>

登陆于注册原理差不多,就不废话了:)

另外下面是两个用到的文件代码 conn.php function.php
conn.php

<?php 
$database="zl";//MYSQL数据库名 
$db = mysql_connect("127.0.0.1", "root","123456");//MYSQL数据库用户名和密码 
mysql_select_db($database,$db); 
?> 
function.php <?php 
function CheckEmailAddr($C_mailaddr) 
{ 
if (!eregi("^[_a-z0-9-] (.[_a-z0-9-] )*@[a-z0-9-] (.[a-z0-9-] )*$", 
$C_mailaddr)) 
{ 
return false; 
} 
return true; 
} 
//是否存在数组中的值 
function FunStringExist($StrFiltrate,$ArrFiltrate){ 
foreach ($ArrFiltrate as $key=>$value){ 
if (eregi($value,$StrFiltrate)){ 
return true; 
} 
} 
return false; 
} 
?>

PHP 相关文章推荐
PHP4实际应用经验篇(9)
Oct 09 PHP
mysql From_unixtime及UNIX_TIMESTAMP及DATE_FORMAT日期函数
Mar 21 PHP
php 输出双引号&quot;与单引号'的方法
May 09 PHP
Codeigniter生成Excel文档的简单方法
Jun 12 PHP
PHP中unset,array_splice删除数组中元素的区别
Jul 28 PHP
php中获取主机名、协议及IP地址的方法
Nov 18 PHP
PHP中常用的字符串格式化函数总结
Nov 19 PHP
php排序算法实例分析
Oct 17 PHP
WHOOPS PHP调试库的使用
Sep 29 PHP
PHP数组去重的更快实现方式分析
May 09 PHP
PHP切割整数工具类似微信红包金额分配的思路详解
Sep 18 PHP
PHP实现简易用户登录系统
Jul 10 PHP
几款免费开源的不用数据库的php的cms
Dec 19 #PHP
PHP操作XML作为数据库的类
Dec 19 #PHP
php中DOMDocument简单用法示例代码(XML创建、添加、删除、修改)
Dec 19 #PHP
PHP与MySQL开发的8个技巧小结
Dec 17 #PHP
hessian 在PHP中的使用介绍
Dec 13 #PHP
php数据入库前清理 注意php intval与mysql的int取值范围不同
Dec 12 #PHP
php 高性能书写
Dec 11 #PHP
You might like
php巧获服务器端信息
2006/12/06 PHP
个人站长制做网页常用的php代码
2007/03/03 PHP
PHP学习笔记(二) 了解PHP的基本语法以及目录结构
2014/08/04 PHP
laravel5环境隐藏index.php后缀(apache)的方法
2019/10/12 PHP
laravel框架中表单请求类型和CSRF防护实例分析
2019/11/23 PHP
ExtJs3.0中Store添加 baseParams 的Bug
2010/03/10 Javascript
js中判断数字\字母\中文的正则表达式 (实例)
2012/06/29 Javascript
如何让页面在打开时自动刷新一次让图片全部显示
2012/12/17 Javascript
javascript:;与javascript:void(0)使用介绍
2013/06/05 Javascript
javascript操作referer详细解析
2014/03/10 Javascript
js判断当前页面用什么浏览器打开的方法
2016/01/06 Javascript
全面解析jQuery $(document).ready()和JavaScript onload事件
2016/06/08 Javascript
vue中的模态对话框组件实现过程
2018/05/01 Javascript
vscode 开发Vue项目的方法步骤
2018/11/25 Javascript
jQuery事件多次绑定与解绑问题实例分析
2019/02/19 jQuery
vue elementUI table表格数据 滚动懒加载的实现方法
2019/04/04 Javascript
vue 项目@change多个参数传值多个事件的操作
2021/01/29 Vue.js
利用soaplib搭建webservice详细步骤和实例代码
2013/11/20 Python
Python实现扫描局域网活动ip(扫描在线电脑)
2015/04/28 Python
用C++封装MySQL的API的教程
2015/05/06 Python
Python 常用string函数详解
2016/05/30 Python
解决pycharm无法识别本地site-packages的问题
2018/10/13 Python
python3实现在二叉树中找出和为某一值的所有路径(推荐)
2019/12/26 Python
在spyder IPython console中,运行代码加入参数的实例
2020/04/20 Python
Python3爬虫中关于Ajax分析方法的总结
2020/07/10 Python
中国领先的专业演出票务网:永乐票务
2016/08/29 全球购物
Guess美国官网:美国知名服装品牌
2019/04/08 全球购物
Puma印度官网:德国运动品牌
2019/10/06 全球购物
Kiwi.com中国:找到特价机票并发现新目的地
2019/10/27 全球购物
英语求职信范文
2014/05/23 职场文书
药店营业员岗位职责
2015/04/14 职场文书
暖春观后感
2015/06/08 职场文书
毕业酒会致辞
2015/07/29 职场文书
创业计划书之书店
2019/09/10 职场文书
话题作文之财富(600字)
2019/12/03 职场文书
Go标准容器之Ring的使用说明
2021/05/05 Golang