一、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的ajax框架xajax入门与试用介绍
声明:登载此文出于传递更多信息之目的,并不意味着赞同其观点或证实其描述。
Reply on: @reply_date@
@reply_contents@