$.ajax()代码:
实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>$.ajax()</title> </head> <body> <h2>用户登录</h2> <form> <p>用户名:<input type="text" name="name"/></p> </form> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript"> //1.当失去焦点时进行验证 $(':input').blur(function(){ //2.将全部语法写到ajax中 $.ajax({ url:'api/demo.php', type : 'GET', //3.将表单控件内容写到json中 data: $('form:first').serializeArray(), //成功回调 success:function(msg,status,xhr){ console.log(msg) $('p span').empty() $('p').append($(msg)) } }) }) </script> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
手抄作业:
总结:
学习了blur失去焦点的验证。1、资源路径2、类型3、序列化4、成功回调。。