php的ajax框架xajax入門與試用

請在文本框輸入文字php(做為現在的主流開發語言)的ajax(動態網站靜態化)框架xajax(動態網站靜態化)入門與試用


一、xajax(動態網站靜態化)與其它ajax(動態網站靜態化)框架的比較
xajax(動態網站靜態化)功能很簡單,但很靈活!~它不象其它一些大的框架,功能確實強大,但執行速度不敢恭維。。功能雖多,但不夠靈活。api多,學起來簡直如同學習一門新的語言。
二、xajax(動態網站靜態化)功能介紹
xajax(動態網站靜態化)的功能比較簡單,但就因為簡單,所以靈活。同時,這也要求使用者要對javascrīpt / vbs 客戶端腳本有一定的瞭解。因為它的功能是比較活的。可以說單純使用xajax(動態網站靜態化),什麼也做不出,但配合js / vbs 又什麼都做的出。
xajax(動態網站靜態化)主要是使用xajax(動態網站靜態化)Response這個類,它提供瞭一些方法,舉例如下:
1、addAlert($sMsg)
彈出警告
2、addscrīpt($sJS)
執行某段js
3、$objResponse->addAssign(“”,””,””)
給頁面中的某個元素附值,或者修改其屬性
等等。。。。


所以xajax(動態網站靜態化)不是死的,它不能做出XXX XXX功能來,但是它可以靈活的控制客戶端的js / vbs,去完成我們要實現的效果。


三、xajax(動態網站靜態化)安裝配置
不需要特別的安裝和配置,隻要下載其文件包,解壓到網站目錄中
下載地址:
http://www.xajax(動態網站靜態化)project.org/


三、用xajax(動態網站靜態化)做會員註冊和登陸
1、數據庫
采用MySQL(和PHP搭配之最佳組合)5.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();”> 
<p id=”main”>
    <p id=”m1″>用 戶 註 冊</p>
    <p 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>
    </p>
</p>
</form>
</body>
</html>


 

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *