提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  后端

当前栏目

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

PHPAJAX框架入门 介绍 试用
2023-06-13 09:14:26 时间
一、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不是死的，它不能做出XXXXXX功能来，但是它可以灵活的控制客户端的js/vbs，去完成我们要实现的效果。

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

四、用xajax做会员注册和登陆
1、数据库
采用mysql5.0，数据库名zl表名zl_user表结构
idint(11)auto_increment
zl_uservarchar(50)
zl_pwdvarchar(50)
emailvarchar(50)

http://blog.knowsky.com/

2、reg.php注册文件(内有说明)
复制代码代码如下:

<?php
require_once("inc/xajax.inc.php");
//使用xajax则必须首先引入xajax.inc.php
$xajax=newxajax("inc/signup.php");
//创建一个xajax对象，为singup.php
$xajax->registerFunction("processForm");
//使用singup.php里的processForm函数
?>
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>
<linkrel="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īpttype="text/javascrīpt">
functionsubmitSignup()
{
xajax.$("submitButton").disabled=true;
xajax.$("submitButton").value="http://blogbeta.blueidea.com/wait...";
//修改id为submitButton的属性
xajax_processForm(xajax.getFormValues("signupForm"));
//这里xajax_后面跟要使用哪个函数这里是processForm，后面跟的是signupForm这个表单各项的集合
returnfalse;
}
</scrīpt>
</head>
<body><formid="signupForm"action="javascrīpt:void(null);"ōnSubmit="submitSignup();">
<divid="main">
<divid="m1">用户注册</div>
<divid="formDiv">
<tablewidth="100%"border="0"cellspacing="0"cellpadding="5">
<tr>
<tdalign="right"></td>
<td></td>
</tr>
<tr>
<tdwidth="31%"align="right">用户名：</td>
<tdwidth="69%"><inputname="usr"type="text"id="usr"/>
*</td>
</tr>
<tr>
<tdalign="right">密码：</td>
<td><inputname="pwd"type="password"id="pwd"/>
*</td>
</tr>
<tr>
<tdalign="right">密码：</td>
<td><inputname="pwd2"type="password"id="pwd2"/>
*</td>
</tr>
<tr>
<tdalign="right">Email：</td>
<td><inputname="email"type="text"id="email"/>
*可用于找回密码</td>
</tr>
<tralign="center">
<tdcolspan="2"><inputtype="submit"name="submitButton"value="提交"class="button"/>
<inputtype="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=newxajax();
$xajax->registerFunction("processForm");
//同reg.php文件

functionprocessForm($aFormValues)
{
$objResponse=newxajaxResponse();
require_once("conn.php");
$usr=$aFormValues["usr"];
$email=$aFormValues["email"];
$pwd=$aFormValues["pwd"];
$pw=Md5($pwd);
$errmsg="";
//要过滤的非法字符
$ArrFiltrate=array(""",";","union");

foreach($aFormValuesas$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*fromzl_usrwherezl_usr="$usr"";
$result=mysql_query($sql,$db);
if($myrow=mysql_fetch_array($result)){
$errmsg.="用户名已经存在!\n";
}
if($errmsg=="")
{
$sForm="注册成功<br>用户名:".$usr."<br>email:".$email."";
$sql="insertintozl_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=newxajax("inc/login.php");
$xajax->registerFunction("processForm");
?>
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>
<linkrel="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īpttype="text/javascrīpt">
functionsubmitSignup()
{
xajax.$("submitButton").disabled=true;
xajax.$("submitButton").value="http://blogbeta.blueidea.com/wait...";
xajax_processForm(xajax.getFormValues("signupForm"));
returnfalse;
}
</scrīpt>
</head>
<body><formid="signupForm"action="javascrīpt:void(null);"ōnSubmit="submitSignup();">
<divid="main">
<divid="m1">用户登陆</div>
<divid="formDiv">
<tablewidth="100%"border="0"cellspacing="0"cellpadding="5">
<tr>
<tdalign="right"></td>
<td></td>
</tr>
<tr>
<tdwidth="31%"align="right">用户名：</td>
<tdwidth="69%"><inputname="usr"type="text"id="usr"/>
*</td>
</tr>
<tr>
<tdalign="right">密码：</td>
<td><inputname="pwd"type="password"id="pwd"/>
*</td>
</tr>

<tralign="center">
<tdcolspan="2"><inputtype="submit"name="submitButton"value="提交"class="button"/>
<inputtype="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=newxajax();
$xajax->registerFunction("processForm");

functionprocessForm($aFormValues)
{
$objResponse=newxajaxResponse();
require_once("conn.php");
$usr=$aFormValues["usr"];
$email=$aFormValues["email"];
$pwd=$aFormValues["pwd"];
$pw=Md5($pwd);
$errmsg="";
//要过滤的非法字符
$ArrFiltrate=array(""",";","union");

foreach($aFormValuesas$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*fromzl_usrwherezl_usr="$usr"andzl_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.phpfunction.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
functionCheckEmailAddr($C_mailaddr)
{
if(!eregi("^[_a-z0-9-](.[_a-z0-9-])*@[a-z0-9-](.[a-z0-9-])*$",
$C_mailaddr))
{
returnfalse;
}
returntrue;
}
//是否存在数组中的值
functionFunStringExist($StrFiltrate,$ArrFiltrate){
foreach($ArrFiltrateas$key=>$value){
if(eregi($value,$StrFiltrate)){
returntrue;
}
}
returnfalse;
}
?>

相关文章