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

来源:互联网 发布:苏豆电子狗软件 编辑:程序博客网 时间:2024/05/29 18:54

共有四步操作:
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);  });}

上述两段代码完成等价。