揭秘Ajax 及其入門基礎(續)_AJAX教程
推薦：如何使用WatiN對ASP.NET頁面進行單元測試引言 單元測試是應用程序設計的一個重要部分，它可應用于程序的多個層次。本文將主要關注用戶界面層的單元測試。我們將使用WatiN 測試ASP.NET應用程序。 什么是WatiN？ WatiN 是一個源自Watir的工具，用于測試Web頁面。WatiN表示 W eb A pplication T esting
四、常見Ajax編程框架
既然上述Ajax框架已經能工作了，為什么還有那么多的框架呢？
隨著頁面的復雜，可能需要書寫大量的Javascript腳本來對頁面中的DOM對象進行控制，工作量和復雜度會大大增加。Ajax編程框架通常利用面向對象的方法，對一些基本的對象和行為及其復雜性進行了合理的封裝，建造了一套有自己特色的類庫，并且考慮了效率和可擴充性等優點。我們在開發時，可以使用較少的、更清晰的代碼，完成自己的工作。也使程序員有更多的時間和精力考慮業務邏輯本身，而不是與一堆腳本糾纏在一起。
框架都是與后臺腳本相關的。通過后臺腳本編程，我們可以不必書寫大量的Javascript腳本就能構建瀏覽器兼容的Ajax應用。
比如，我使用一個比較流行的PHP xAjax框架，對前邊的示例程序進行了改寫：
<?php
require_once (”../xajax/xajax.inc.php”);
//服務器處理函數
function processForm(aFormValues)
{
objResponse = new xajaxResponse();
bError = false;
//清空錯誤信息
objResponse->addClear(”usernameInfo”, “innerHTML”);
//判斷賬號
if (trim(aFormValues[’username’]) == “”)
{
objResponse->addAppend(”usernameInfo”, “innerHTML”, “Please Input user name.”);
bError = true;
}
else
{
if(trim(aFormValues[’username’])==”Thomas”)
objResponse->addAppend(”usernameInfo”, “innerHTML”, “Has been registed”);
else
objResponse->addAppend(”usernameInfo”, “innerHTML”, “Has not been registed”);
bError = false;
}
if (!bError)
{
sForm .=”<div>賬號：” .aFormValues[’username’]. “</div>\n”;
}
else
{
objResponse->addAssign(”submitButton”, “value”, “Submit”);
objResponse->addAssign(”submitButton”, “disabled”, false);
}
return objResponse;
}
//構造對象
xajax = new xajax();
//注冊處理函數
xajax->registerFunction(”processForm”);
//接管HTTP請求
xajax->processRequests();
?>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“>
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″>
<?php
//生成必要的JavaScript
xajax->printJavascript(’../xajax/’);
?>
<title>XAJAX 用戶注冊</title>
<style type=”text/css”>
#formWrapper{ color: #111111; background-color: rgb(200,200,200); width: 360px;}
#title{color: #FFFFFF; text-align: center; background-color: #000000; }
#formDiv{ padding: 20px;}
.submitDiv{ margin-top: 10px; text-align: center; }
.errorSpan{ color:red;}
</style>
<script type=”text/javascript”>
<!–//提交表單
function submitSignup()
{
xajax.(’submitButton’).disabled=true;
xajax.(’submitButton’).value=”驗證中…”;
xajax_processForm(xajax.getFormValues(”signupForm”));
return false;
}
//–>
</script>
</head>
<body>
<form id=”signupForm” action=”javascript：void(null);” onsubmit=”submitSignup();”>
用戶名：<input type=”text” name=”username” value=”">
<input type=”button” name=”check” value=”Check Only one” onClick=”submitSignup();”>
<input type=”submit” id=”submitButton” name=”submit” value=”Submit”>
</form>
<div id=”usernameInfo” class=”errorSpan”> </div>
</body>
</html>
大家看到了這段代碼前邊的包含語句了吧：require_once (”../xajax/xajax.inc.php”)。xajax.inc.php就是定義xajax等相關類庫的文件，這個文件里還包含了大量的javascript腳本文件和其他的常數定義等。Xajax類有一條自己的屬性和方法，接管和封裝了原始的Ajax的行為和方法，用于處理用戶的事件和頁面文檔對象的屬性和外觀。
Ajax框架有它自己的好處，但是，目前由于Ajax框架太多，各有各的優點和缺點，特別是對PHP語言，我們很難在眾多的框架中選中一個最適合我們自己的項目的框架�？蚣芴嗉哟罅私涣鞯某杀��？蚣鼙旧碓诮档土舜a復雜度的同時，也帶來了學習的成本。不像.NET，背靠財大氣粗的公司，就一套程序庫，一套通用的IDE，熟練一門語言(比如C#)，就可以開發Web和桌面應用。
最后還要注意一下，Ajax并不是萬金油，任何項目都想用一下。Ajax目前大多數應用在數據校驗等應用上，在項目中用的時候請慎重考慮。
分享：AJAX教程之jQuery事件總結很少寫這些,看了1.2.3版本的改進,確實佩服,很方便. 1.綁定事件 (1) (p).bind(click, function(e){}); (2) (p).click(function() {}) 2.刪除事件 (1)刪除特定事件 (div).unbind(click); (2)刪除所有事件 (div).unbind(); 3.觸發事件 (1)trigger方
- 相關鏈接：
- 教程說明：
AJAX教程-揭秘Ajax 及其入門基礎(續)
。