1.使用原生JavaScript实现

var xhr; if (window.XMLHttpRequest){ xhr =new ();}elseActiveXObject("microsoft.XMLHTTP");.open'GET','action'trueonreadystatechange function(){xhrreadyState== 4&&status==200 alertresponseTextsend(null);

2.使用jquery：

$"#username").bind"blur" $this  $thisajax({ url:"user_validateUsername?username="+val(), dataType"text" success:data){"#username-error"text"用户名可用"})});

3.使用Jquery的form表单验证框架
需要引入jquery.form.js及以来的jquery类库

//提交表单时使用ajax校验用户名 options  target"#username-error"};"#form"ajaxFormoptions 4.使用Jquery的Validation框架
 引入jquery.validate.js和messages_zh.js(optional)及jquery类库
 
 
"#registerForm"validate debug rules:{ username //使用remote进行单个元素的ajax验证 remote"user_validateUsername.action" type"post" data:return},0);"> dataFiltertypeifdata  "true"}elsefalse}
 
 
 
 作者： ______6 
 
链接：http://www.imooc.com/article/17971 
 
来源：慕课网 
 
本文原创发布于慕课网 ，转载请注明出处，谢谢合作！