php的ajax架構xajax入門與試用

請在文字框輸入文字php的Ajax架構xajax入門與試用

一、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.cncms.com/

2、reg.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函數
?>



無標題文檔　
printJavascrīpt('inc/'); ?>

　　　　 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;
　　　　 }

點提交後執行singup.php裡的processForm函數

3、inc/singup.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 = "註冊成功
使用者名稱:".$usr."
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 = "註冊成功
使用者名稱:".$usr."
email:".$email."";

如果有錯誤資訊則
$objResponse->addAlert($errmsg);
//彈出錯誤資訊
$objResponse->addAssign("submitButton","value","繼續");
$objResponse->addAssign("submitButton","disabled",false);
//修改submitButton這個按扭的屬性

3、login.php 登陸檔案

　　 require_once("inc/xajax.inc.php");
　　 $xajax = new xajax("inc/login.php");
　　 $xajax->registerFunction("processForm");
?>



無標題文檔　
printJavascrīpt('inc/'); ?>

　　　　 function submitSignup()
　　　　 {
　　　　　　 xajax.$('submitButton').disabled=true;
　　　　　　 xajax.$('submitButton').value="http://blogbeta.blueidea.com/wait...";
　　　　　　 xajax_processForm(xajax.getFormValues("signupForm"));
　　　　　　 return false;
　　　　 }

4、inc/login.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

$database="zl";//MYSQL資料庫名
$db = mysql_connect("127.0.0.1", "root","123456");//MYSQL資料庫使用者名稱和密碼
mysql_select_db($database,$db);
?>
function.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;
}
?>

