ajaxStart()和ajaxStop()方法是绑定Ajax事件。ajaxStart()方法用于在Ajax请求发出前触发函数，ajaxStop()方法用于在Ajax请求完成后触发函数。它们的调用格式为：
$(selector).ajaxStart(function())和$(selector).ajaxStop(function())
其中，两个方法中括号都是绑定的函数，当发送Ajax请求前执行ajaxStart()方法绑定的函数，请求成功后，执行ajaxStop ()方法绑定的函数。
<body> <div> <div> <span>加载一段文字</span> <span> <input type="button" value="加载" /> </span> </div> <ul> <li></li> </ul> </div> <script type="text/javascript"> $(function () { $("#divtest").ajaxStart(function(){ $(this).html("正在请求数据..."); }); $("#divtest").ajaxStop(function(){ $(this).html("数据请求完成！"); }); $("#btnShow").bind("click", function () { var $this = $(this); $.ajax({ url: "http://www.imooc.com/data/info_f.php", dataType: "json", success: function (data) { $this.attr("disabled", "true"); $("ul").append("<li>我的名字叫：" + data.name + "</li>"); $("ul").append("<li>男朋友对我说：" + data.say + "</li>"); } }); }) }); </script> </body>
-----jQuery常用插件-----
----表单验证插件——validate
该插件自带包含必填、数字、URL在内容的验证规则，即时显示异常信息，此外，还允许自定义验证规则，插件调用方法如下：
$(form).validate({options})
其中form参数表示表单元素名称，options参数表示调用方法时的配置对象，所有的验证规则和异常信息显示的位置都在该对象中进行设置。
<body> <form method="get" action="#"> <div> <div> <span>表单验证插件</span> <span> <input type="submit" value="提交" /> </span> </div> <div> <span>邮箱：</span><br /> <input type="text" /><br /> <span></span> </div> </div> </form> <script type="text/javascript"> $(function () { $("#frmV").validate( { /*自定义验证规则*/ rules: { email:{ required:true, email:true } } }, /*错误提示位置*/ errorPlacement: function (error, element) { error.appendTo(".tip"); } } ); }); </script> </body> </html>
您可能感兴趣的文章: