ajax的四种实现方式介绍

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 

来源：慕课网 

本文原创发布于慕课网 ，转载请注明出处，谢谢合作！                        
（编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!