首頁 > 開發者 > PHP

php的ajax架構xajax入門與試用介紹

來源：互聯網
上載者：User
創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

一、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;
}
?>

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

相關關鍵詞：
w3schools ajax php ajax php json debug ajax php javascript ajax php php ajax json php ajax post php ajax proxy
相關文章
監控伺服器swap並重啟php的Shell指令碼_linux shell
PHP(5)“最長公用首碼”演算法問題
30個很棒的PHP開源CMS內容管理系統
php調用dll經驗小結
PHP匯入匯出Excel方法
PHP 擷取當前url的函數及參數

聯繫我們

該頁面正文內容均來源於網絡整理，並不代表阿里雲官方的觀點，該頁面所提到的產品和服務也與阿里云無關，如果該頁面內容對您造成了困擾，歡迎寫郵件給我們，收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容，歡迎發送郵件至： info-contact@alibabacloud.com 進行舉報並提供相關證據，工作人員會在 5 個工作天內聯絡您，一經查實，本站將立刻刪除涉嫌侵權內容。

熱門內容

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

  • Sales Support

    1 on 1 presale consultation

    Chat Contact Sales

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    Open a Ticket

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

    Learn More