网页设计

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

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>

 

友情链接:新闻网  新闻网  新闻网  新闻网  新闻网  新闻网  新闻网  新闻网  新闻网  新闻网  新闻网  新闻网  新闻网  新闻网  新闻网  新闻网  新闻网  新闻网  新闻网  新闻网  新闻网  新闻网  新闻网  新闻网  新闻网  新闻网  新闻网  新闻网  新闻网  新闻网  新闻网  新闻网