如果你僅僅使用 jsp 來開發 Web Application,那麼利用 taglib 來嵌入 ajax 應該是比較簡單的方式,那麼簡單的 ajax 應用可以使用 AjaxTags 可以下載 demo 的 war 檔案放到 webapps 目錄之中,將它執行後的畫面就是下面
{mosimage}
我們可以利用 RUN 來測試是否是你期望的元件,例如 Autocomplete 自動完成的範例,我們僅需要輸入 E 就會有一些簡單的 Options 讓你選擇,大家可以常常在 https://tw.dictionary.yahoo.com 看到這種應用。
{mosimage}
安裝其實很簡單,將下載的 ajaxtags.jar 放到 /WEB-INF/lib/ 之下,以及 *.js 放到 /js 目錄之中,並且在 web.xml 之中加入
<taglib>
<uri>https://ajaxtags.org/tags/ajax</uri>
<location>/WEB-INF/ajaxtags.tld</location>
</taglib>
在 JSP 之中,也僅需要
<%@ taglib uri="https://ajaxtags.org/tags/ajax" prefix="ajax"%>
<script type="text/javascript" src="<%=request.getContextPath()%>/js/prototype-1.4.0.js"></script>
<script type="text/javascript" src="js/scriptaculous.js"></script>
<script type="text/javascript" src="js/overlibmws.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/js/ajaxtags-1.2-beta2.js"></script>
最後使用 tag 來處理。
<ajax:autocomplete
source="model"
target="make"
baseUrl="${contextPath}/autocomplete.view"
className="autocomplete"
indicator="indicator"
minimumCharacters="1"
parser="new ResponseXmlToHtmlListParser()" />
就可以呼叫 server-side 的 autocomplete.vew 這個程式。
利用 ajaxtags 非常容易,可以當作一般簡單的 ajax 應用,如果你僅僅要類似的元件,配合 jsp 就可以很快完成你的第一個 ajax 系統。
Comments