网页设计

您的位置:首页 > 网站专题 > 网页设计 > 详细内容

php的ajax框架xajax入门与试用

2011-05-14 09:11 作者:admin [ ]

在文本框输入文字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.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>