注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

php开发lamp

《西安--木木》-经历丰富了生活。 架构师QQ群: 246695517

 
 
 

日志

 
 

ajax框架xajax入门与试用  

2013-07-04 11:23:32|  分类: js |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

一、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://net08118.blog.163.com/blog/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;
}
?>

  评论这张
 
阅读(192)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017