使用Jquery进行基本的客户端校验

共有四步操作：

1、获取客户端的数据（此处获取文本框的内容）；

2、将文本框中的内容发送给服务器端的servlet（此处假设为AjaxServlet）；

3、接受服务器端返回的数据；

4、将服务器端返回的数据动态显示在页面上。

说明：最后两步操作在回调函数中完成。

function verify() {
//获取页面id为userName的文本框
var jqueryObj = $("#userName");
//获取节点的值
var userName = jqueryObj.val();
//使用jquery的XMLHttpRequest对象get请求的封装
$.get("AjaxServlet?name=" + userName, null, callback);
}
//回调函数
function callback(data) {
//显示在id为result的div上
var resultObj = $("#result");
resultObj.html(data);
}

上述过程也可以综合成如下代码：

function verify() {
$.get("AjaxServlet?name=" + $("#userName").val(), null, function(result){
$("#result").html(result);
});
}

上述两段代码完成等价。