国产视频久久久久,亚洲美女久久久,亚洲精品久久久久久国产精华液

Struts 2與AJAX（第一部分）

在當(dāng)今——Web 2.0概念鋪天蓋地的Internet環(huán)境下，簡(jiǎn)易的AJAX集成對(duì)于一個(gè)成功的WEB框架來(lái)說(shuō)是不可或缺的。因此，Struts 2其中的一個(gè)重要的功能（Feature）就是“First-class AJAX support - Add interactivity and flexibility with AJAX tags that look and feel just like standard Struts tags（大意：一流的AJAX支持——通過(guò)AJAX標(biāo)志增加互動(dòng)性和靈活性，而且使用這些AJAX標(biāo)志與普通的Struts標(biāo)志同樣簡(jiǎn)單）”。

實(shí)現(xiàn)原理

基于不重新發(fā)明輪子的原則，Struts 2并沒(méi)有開(kāi)發(fā)新的AJAX框架，而是使用時(shí)下Java EE平臺(tái)中比較流行的AJAX框架——Dojo和DWR。

最近在Musachy Barroso等同志的無(wú)私奉獻(xiàn)下，開(kāi)發(fā)了Struts 2的JSON插件（Plugin），極大地方便了我們輸出JSON結(jié)果（Result）。

JSON插件（Plugin）

在Struts 2的showcase中的AJAX部分，JSON的結(jié)果輸出是通過(guò)Freemaker模板實(shí)現(xiàn)。這種方法在簡(jiǎn)易性和靈活性上都比不上JSON插件，所以JSON插件值得向大家五星推薦。

下面讓我們看一個(gè)JSON插件的例子。

首先到以下網(wǎng)址http://code.google.com/p/jsonplugin/downloads/list下載JSON插件的JAR包，并將其加入你的WebContent\WEB-INF\lib下。

接下是本例子的Action代碼：

package tutorial;

import java.util.ArrayList;

import java.util.List;

import com.googlecode.jsonplugin.annotations.JSON;

import com.opensymphony.xwork2.ActionSupport;

public class JsonPluginAction extends ActionSupport {

private static final long serialVersionUID = -6784977600668791997L;

private int bookId;

private String title;

private double price;

private List<String> comments;

private transient String secret1;

private String secret2;

@JSON(name="ISBN")

public int getBookId() {

return bookId;

}

public void setBookId(int bookId) {

this.bookId = bookId;

}

public List<String> getComments() {

return comments;

}

public void setComments(List<String> comments) {

this.comments = comments;

}

public double getPrice() {

return price;

}

public void setPrice(double price) {

this.price = price;

}

public String getTitle() {

return title;

}

public void setTitle(String title) {

this.title = title;

}

@Override

public String execute() {

bookId = 15645912;

title = "Max On Java";

price = 0.9999d;

comments = new ArrayList<String>(3);

comments.add("It's no bad!");

comments.add("WOW!");

comments.add("No comment!");

secret1 = "You can't see me!";

secret2 = "I am invisible!";

return SUCCESS;

}

清單1 src/tutorial/JsonPluginAction.java

以上代碼值得注意的是，通過(guò)@JSON的JAVA注釋（Annotation），我們可以改變JSON結(jié)果的屬性名稱，另外帶有transient修飾符與沒(méi)有Getter方法的字段（field）都不會(huì)被串行化為JSON。

然后，我們來(lái)配置一下此Action，代碼如下：

<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE struts PUBLIC
"-//Apache Software Foundation//DTD Struts Configuration 2.0//EN"
"http://struts.apache.org/dtds/struts-2.0.dtd">

<struts>
<package name="Struts2_AJAX_DEMO" extends="json-default">
<action name="JsonPlugin" class="tutorial.JsonPluginAction">
<result type="json" />
</action>
</package>
</struts>

清單2 src/struts.xml

上面配置文件的“package”元素和以往不同的是，它擴(kuò)展了“json-default”而不是“struts-default”。“json-default”是在jsonplugin-0.11.jar包里的struts-plugin.xml中定義的。該文件同時(shí)定義了“json”的結(jié)果類型，有興趣的朋友可以打開(kāi)此文件看看。

發(fā)布運(yùn)行應(yīng)用程序，在瀏覽器中鍵入：http://localhost:8080/Struts2_Ajax/JsonPlugin.action，出現(xiàn)下載文件對(duì)話框，原因是JSON插件將HTTP響應(yīng)（Response）的MIME類型設(shè)為“application/json”。把文件下載下來(lái)，用記事本打開(kāi)，內(nèi)容如下：

{"ISBN":15645912,"comments":["It's no bad!","WOW!","No comment!"],"price":0.9999,"title":"Max On Java"}

清單3 例子1輸出的JSON串

當(dāng)然這還不是一個(gè)完整的AJAX的例子，下面讓我們寫一個(gè)HTML文件將其完成，HTML代碼如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>JSON Plugin</title>
<script type="text/javascript">
var bXmlHttpSupport = (typeof XMLHttpRequest != "undefined" || window.ActiveXObject);

if (typeof XMLHttpRequest == "undefined" && window.ActiveXObject) {
function XMLHttpRequest() {
var arrSignatures = ["MSXML2.XMLHTTP.5.0", "MSXML2.XMLHTTP.4.0",
"MSXML2.XMLHTTP.3.0", "MSXML2.XMLHTTP",
"Microsoft.XMLHTTP"];

for (var i=0; i < arrSignatures.length; i++) {
try {
var oRequest = new ActiveXObject(arrSignatures[i]);
return oRequest;
} catch (oError) { /*ignore*/ }
}

throw new Error("MSXML is not installed on your system.");
}
}

function retrieveBook() {
if(bXmlHttpSupport) {
var sUrl = 'JsonPlugin.action';
var oRequest = new XMLHttpRequest();
oRequest.onreadystatechange = function() {
if(oRequest.readyState == 4) {
var oBook = eval('(' + oRequest.responseText + ')');
var bookHolder = document.getElementById('bookHolder');
var sBook = '<p><b>ISBN: </b>' + oBook.ISBN + '</p>';
sBook += ('<p><b>Title: </b>' + oBook.title + '</p>');
sBook += ('<p><b>Price: </b>$' + oBook.price + '</p>');
sBook += ('<b><i>Comments: </i></b><hr/>');
for(i = 0; i < oBook.comments.length; i++) {
sBook += ('<p><b>#' + (i + 1) + ' </b>' + oBook.comments[i] + '</p>');
}
bookHolder.innerHTML = sBook;
}
};
oRequest.open('POST', sUrl);
oRequest.send(null);
}
}
</script>
</head>
<body>
<input type="button" value="Retrieve Book" onclick="retrieveBook()" />
<div id="bookHolder"></div>
</body>
</html>

清單4 WebContent/JsonPlugin.html

以上代碼中，我沒(méi)有使用任何的AJAX的Javascript包，而是參考《Professional Javascript For Web Developer》手工創(chuàng)建XHR（XMLHttpRequest），并在XHR完成后使用eval()方法將JSON字符串變?yōu)镴SON對(duì)象。需要注意的是，要調(diào)用eval函數(shù)時(shí)，必須使用“(”和“)”將JSON字符串括起來(lái)，否則會(huì)出錯(cuò)的。

打開(kāi)http://localhost:8080/Struts2_Ajax/JsonPlugin.html，點(diǎn)擊“Retrieve Book”按鈕，頁(yè)面如下圖所示：

圖1 JsonPlugin.html頁(yè)面輸出

Struts 2與Dojo

Dojo是開(kāi)源Javascript工具包，它引了Widget的概念，方便了Javascript面向?qū)ο缶幊蹋∣OP），改進(jìn)Javascript的事件模型。在此我不打算對(duì)此進(jìn)行深入的講解，有興趣的朋友的可以找網(wǎng)上找一些關(guān)于Dojo的資料學(xué)習(xí)。

Struts 2基于Dojo編寫一些AJAX標(biāo)志（在Dojo中稱為Widget），要使用這些標(biāo)志的AJAX功能，需要將標(biāo)志的“theme”屬性設(shè)為“ajax”。同時(shí)，亦需要將加入在<head>與</head>之間加入<s:head theme="ajax" />。當(dāng)使用這些標(biāo)志的AJAX功能，有些屬性可能會(huì)經(jīng)常用到，所以我會(huì)對(duì)這些屬性稍作解釋。

名稱描述

href XHR（XMLHttpRequest）請(qǐng)求的地址

listenTopics 監(jiān)聽(tīng)的Dojo話題（Topic）以觸發(fā)自身，如可以在可以通過(guò)發(fā)布（Publish）相應(yīng)的話題，通知<s:autocompleter />重新加載其備選項(xiàng)（Options）

notifyTopics 完成遠(yuǎn)程調(diào)用后，發(fā)出通知，觸發(fā)相應(yīng)的Javascript函數(shù)或Dojo Widget

formId 需要提交到服務(wù)器的表單的ID

formFilter 過(guò)濾表單字段的Javascript函數(shù)名稱

indicator 在XHR處理過(guò)程中，包含用戶提示的信息的HTML元素的ID，如圖片或DIV等

表1 常用的AJAX標(biāo)志屬性

這些標(biāo)志包括：<s:a />、<s: submit />、<s:autocompleter />和<s:tree />等，下面我將分別講解。

1、<s:a />和<s:submit />

這兩個(gè)標(biāo)志方便了我們的調(diào)用XHR實(shí)現(xiàn)AJAX，所以上面的HTML如果使用了這兩標(biāo)志將會(huì)變得更簡(jiǎn)單，因?yàn)槲覀儾挥迷偃ダ頃?huì)繁鎖的XHR創(chuàng)建和設(shè)定的工作。下面是示例代碼：

<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>JSON Plugin</title>
<s:head theme="ajax" />
<script type="text/javascript">
dojo.addOnLoad(function() {
dojo.event.topic.subscribe('retrieveBook', this, function(data, type, e){
if(type == 'load') {
showBook(data);
} else if(type == 'error') {
alert('Can not retrieve the book');
}
});
});

function showBook(strBook) {
var oBook = eval('(' + strBook + ')');
var bookHolder = document.getElementById('bookHolder');
var sBook = '<p><b>ISBN: </b>' + oBook.ISBN + '</p>';
sBook += ('<p><b>Title: </b>' + oBook.title + '</p>');
sBook += ('<p><b>Price: </b>$' + oBook.price + '</p>');
sBook += ('<b><i>Comments: </i></b><hr/>');
for(i = 0; i < oBook.comments.length; i++) {
sBook += ('<p><b>#' + (i + 1) + ' </b>' + oBook.comments[i] + '</p>');
}
bookHolder.innerHTML = sBook;
}
</script>
</head>
<body>
<s:url id="bookUrl" value="/JsonPlugin.action" />
<s:submit href="%{bookUrl}" theme="ajax" indicator="indicator"
value="Retrieve Book" align="left" notifyTopics="retrieveBook" />
<s:a theme="ajax" href="%{bookUrl}" indicator="indicator"
notifyTopics="retrieveBook">Retrieve Book</s:a>
<img id="indicator"
src="${pageContext.request.contextPath}/images/indicator.gif"
alt="Loading

" style="display:none" />
<div id="bookHolder"></div>
</body>
</html>

清單5 WebContent/LinkButton.jsp

可能上述代碼還不夠簡(jiǎn)潔，因?yàn)槲覍TML格式化的工作都放在Javascript中完成。但如果你的XHR返回的是HTML片段，你可以簡(jiǎn)單地將<s:a />或<s:submit />的“targets”屬性設(shè)為“bookHolder”即可，詳情大家可以參考Struts 2 Showcase。至于返回HTML片段，可以通過(guò)Action + Freemaker完成。

2、<s:autocompleter />

Autocomplete是比較經(jīng)典的AJAX應(yīng)用，雖然谷歌已經(jīng)停止使用這一功能，但就Autocompleter自身而言的確是很酷的。下面是一個(gè)<s:autocompleter />的例子。

首先，我要偽造一些字符串?dāng)?shù)據(jù)，代碼如下：

package tutorial;

import java.util.ArrayList;

import java.util.List;

public final class Datas {

public static final List<String> NAMES;

static {

NAMES = new ArrayList<String>();

NAMES.add("Alabama");

NAMES.add("Alaska");

NAMES.add("American Samoa");

NAMES.add("Arizona");

NAMES.add("Arkansas");

NAMES.add("Armed Forces Europe");

NAMES.add("Armed Forces Pacific");

NAMES.add("Armed Forces the Americas");

NAMES.add("California");

NAMES.add("Colorado");

NAMES.add("Connecticut");

NAMES.add("Delaware");

NAMES.add("District of Columbia");

NAMES.add("Federated States of Micronesia");

NAMES.add("Florida");

NAMES.add("Georgia");

NAMES.add("Guam");

NAMES.add("Hawaii");

NAMES.add("Idaho");

NAMES.add("Illinois");

NAMES.add("Indiana");

NAMES.add("Iowa");

NAMES.add("Kansas");

NAMES.add("Kentucky");

NAMES.add("Louisiana");

NAMES.add("Maine");

NAMES.add("Marshall Islands");

NAMES.add("Maryland");

NAMES.add("Massachusetts");

NAMES.add("Michigan");

NAMES.add("Minnesota");

NAMES.add("Mississippi");

NAMES.add("Missouri");

NAMES.add("Montana");

NAMES.add("Nebraska");

NAMES.add("Nevada");

NAMES.add("New Hampshire");

NAMES.add("New Jersey");

NAMES.add("New Mexico");

NAMES.add("New York");

NAMES.add("North Carolina");

NAMES.add("North Dakota");

NAMES.add("Northern Mariana Islands");

NAMES.add("Ohio");

NAMES.add("Oklahoma");

NAMES.add("Oregon");

NAMES.add("Pennsylvania");

NAMES.add("Puerto Rico");

NAMES.add("Rhode Island");

NAMES.add("South Carolina");

NAMES.add("South Dakota");

NAMES.add("Tennessee");

NAMES.add("Texas");

NAMES.add("Utah");

NAMES.add("Vermont");

NAMES.add("Virgin Islands, U.S.");

NAMES.add("Virginia");

NAMES.add("Washington");

NAMES.add("West Virginia");

NAMES.add("Wisconsin");

NAMES.add("Wyoming");

}

清單6 src/tutorial/Datas.java

然后是用于獲取和過(guò)濾數(shù)據(jù)的Action，代碼如下：

package tutorial;

import java.util.ArrayList;

import java.util.List;

import com.opensymphony.xwork2.ActionSupport;

public class AutocompleterAction extends ActionSupport {

private static final long serialVersionUID = -8201401726773589361L;

private List<String[]> names;

private String start;

public void setStart(String start) {

this.start = start;

}

public List<String[]> getNames() {

return names;

}

@Override

public String execute() {

names = new ArrayList<String[]>();

if(start == null || "".equals(start.trim())) {

start = "a";

}

for(String s : Datas.NAMES) {

if(s.toLowerCase().startsWith(start.toLowerCase())) {

names.add(new String[]{ s, s });

}

return SUCCESS;

}

清單7 src/tutorial/AutocmpleterAction.java

上述Action會(huì)以JSON的形式返回以start開(kāi)頭的Datas.NAMES的中字符串，以下是此Action的配置：

<action name="Autocompleter" class="tutorial.AutocompleterAction">
<result type="json">
<param name="root">names</param>
</result>
</action>

清單8 Autocompleter Action的配置代碼片段

在JSON類型結(jié)果的參數(shù)中加入“root”參數(shù)可以設(shè)定輸出JSON結(jié)果的根，以上述情況為例，如果沒(méi)有“root”參數(shù)，輸出將為“{ "names": [ ["xxx", "xxx"]...] }”，加了之后變就會(huì)成“[ ["xxx", "xxx"]...] ”。接下來(lái)，讓我們看看頁(yè)面的代碼：

<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Struts 2 AJAX - Autocompleter</title>
<s:head theme="ajax" />
</head>
<body>
<h2>
Autocompleter
</h2>
<s:form action="autocompleterForm">
<s:textfield label="abc" name="abc" />
<tr>
<td class="tdLabel">
<label class="label">
No AJAX Autocompleter:
</label>
</td>
<td>
<s:autocompleter theme="simple" name="user"
list="@tutorial.Datas@NAMES" />
</td>
</tr>
<tr>
<td class="tdLabel">
<label class="label">
AJAX Autocompleter:
</label>
</td>
<td>
<s:url id="dataUrl" value="/Autocompleter.action" />
<s:autocompleter theme="ajax" name="start" href="%{dataUrl}"
loadOnTextChange="true" loadMinimumCount="1" indicator="indicator"
autoComplete="false" showDownArrow="false" />
<img id="indicator"
src="${pageContext.request.contextPath}/images/indicator.gif"
alt="Loading

" style="display:none" />
</td>
</tr>
</s:form>
</body>
</html>

清單9 WebContent/Autocompleter.jsp

上述頁(yè)面包含兩個(gè)<s:autocompleter />標(biāo)志，前者使用“simple”模板，所以不具有AJAX功能，它的數(shù)據(jù)將以HTML方式輸出到最終頁(yè)面里；而后者則使用了“ajax”模板，每當(dāng)輸入框的值發(fā)生改變時(shí)，它都向URL“/Autocompleter.action”發(fā)送請(qǐng)求，Action根據(jù)請(qǐng)求中的start參數(shù)的值，返回相當(dāng)?shù)腏SON，在請(qǐng)求完成后頁(yè)面通過(guò)回調(diào)函數(shù)改變輸入框的下拉提示，效果如下圖所示：

圖2 Autocompleter.jsp頁(yè)面輸出

3、<s:tree />

樹(shù)是是比較常用的數(shù)據(jù)結(jié)構(gòu)，因?yàn)樗梢院芎玫伢w現(xiàn)真實(shí)世界中對(duì)象之間的關(guān)系。<s:tree />的使用也相對(duì)簡(jiǎn)單，但需要說(shuō)明的是——Struts 2.0.6 GA版本的<s:tree />是有BUG的，大家可以點(diǎn)擊這個(gè)鏈接https://issues.apache.org/struts/browse/WW-1813了解詳細(xì)的情況。這個(gè)BUG主要是在<s:tree />的通過(guò)“treeCollapsedTopic”、“treeExpandedTopic”和“treeSelectedTopic”設(shè)定的話題（Topic）都沒(méi)有起作用，上述鏈接相應(yīng)給出了解決方法，但我認(rèn)為該方法太麻煩（需要自己重新編譯和打包Struts 2），所以下面的例子，我將另辟?gòu)袕剑?qǐng)參考以下代碼。

<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Struts 2 AJAX - Tree</title>
<s:head theme="ajax" debug="true" />
<script type="text/javascript">
function treeNodeSelected(arg) {
alert(arg.source.title + ' selected');
}
dojo.addOnLoad(function() {
var s = dojo.widget.byId('parentId').selector;
dojo.event.connect(s, 'select', 'treeNodeSelected');
});
</script>
</head>
<body>
<h2>
Tree
</h2>
<div style="float:left; margin-right: 50px;">
<s:tree label="parent" id="parentId" theme="ajax"
templateCssPath="/struts/tree.css" showRootGrid="true"
showGrid="true">
<s:treenode theme="ajax" label="child1" id="child1Id">
<s:treenode theme="ajax" label="grandchild1" id="grandchild1Id" />
<s:treenode theme="ajax" label="grandchild2" id="grandchild2Id" />
<s:treenode theme="ajax" label="grandchild3" id="grandchild3Id" />
</s:treenode>
<s:treenode theme="ajax" label="child2" id="child2Id" />
<s:treenode theme="ajax" label="child3" id="child3Id" />
<s:treenode theme="ajax" label="child4" id="child4Id" />
<s:treenode theme="ajax" label="child5" id="child5Id">
<s:treenode theme="ajax" label="gChild1" id="gChild1Id" />
<s:treenode theme="ajax" label="gChild2" id="gChild2Id" />
</s:treenode>
</s:tree>
</div>
</body>
</html>

清單10 WebContent/Tree.jsp

因?yàn)镈ojo的樹(shù)控件，即使在沒(méi)有設(shè)定“selector”情況下，也會(huì)自動(dòng)生成一個(gè)默認(rèn)的Selector，所以只要將其事件綁定到特定的事件處理函數(shù)即可。

打開(kāi)http://localhost:8080/Struts2_Ajax/Tree.jsp，點(diǎn)擊任一樹(shù)節(jié)點(diǎn)，頁(yè)面如下圖所示：

圖3 Tree.jsp頁(yè)面輸出

總結(jié)

我原本打算用一篇文章寫完這個(gè)“Struts 2與AJAX”。不過(guò)在寫的過(guò)程中，發(fā)現(xiàn)內(nèi)容越來(lái)越多。如果勉強(qiáng)寫成一篇，朋友們讀起來(lái)也會(huì)很麻煩，所以我決定分開(kāi)幾部分，本文為第一部分。

另外，之前有的朋友建議我建一個(gè)Google的討論組，方便大家討論問(wèn)題。我覺(jué)得這個(gè)提議非常好，一直以來(lái)都是“一人寫，大家留言”，這種相對(duì)單向的方式不免有所欠缺，而且本人所知也有限，開(kāi)個(gè)討論組大家可以相互討論，共同進(jìn)步。

因?yàn)镾truts2已經(jīng)被創(chuàng)建，所以申請(qǐng)了“struts2cn”，有興趣的朋友，歡迎加入。

posted on 2007-06-12 18:31 Max 閱讀(81180) 評(píng)論(96) 編輯收藏所屬分類: Struts 2.0系列

實(shí)現(xiàn)原理

JSON插件（Plugin）

Struts 2與Dojo

1、<s:a />和<s:submit />

2、<s:autocompleter />

3、<s:tree />

總結(jié)

常用鏈接

留言簿(253)

隨筆分類

隨筆檔案

推薦博客

搜索

最新評(píng)論

閱讀排行榜

評(píng)論排行榜

名稱	描述
href	XHR（XMLHttpRequest）請(qǐng)求的地址
listenTopics	監(jiān)聽(tīng)的Dojo話題（Topic）以觸發(fā)自身，如可以在可以通過(guò)發(fā)布（Publish）相應(yīng)的話題，通知<s:autocompleter />重新加載其備選項(xiàng)（Options）
notifyTopics	完成遠(yuǎn)程調(diào)用后，發(fā)出通知，觸發(fā)相應(yīng)的Javascript函數(shù)或Dojo Widget
formId	需要提交到服務(wù)器的表單的ID
formFilter	過(guò)濾表單字段的Javascript函數(shù)名稱
indicator	在XHR處理過(guò)程中，包含用戶提示的信息的HTML元素的ID，如圖片或DIV等


只有注冊(cè)用戶登錄后才能發(fā)表評(píng)論。




網(wǎng)站導(dǎo)航: 博客園 IT新聞 Chat2DB C++博客博問(wèn) 管理
相關(guān)文章: Struts 2與AJAX（第三部分） Struts 2與AJAX（第二部分） Struts 2與AJAX（第一部分） Strus 2的新表單標(biāo)志的使用 Struts 2中的OGNL 在Struts 2中實(shí)現(xiàn)CRUD 在Struts 2中實(shí)現(xiàn)文件上傳在Struts 2中實(shí)現(xiàn)IoC Struts 2的基石——攔截器（Interceptor）在Struts 2.0中實(shí)現(xiàn)表單數(shù)據(jù)校驗(yàn)（Validation）