jquery's $.ajax() method
* $.ajax()
* Function: It is the Ajax underlying method in jquery, the $.get() I learned before, $.post...all its special forms
* Syntax: $ajax()
* Parameters: Parameters are written into js object literals
* Note: Because there are many parameters, examples are used to illustrate them below
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>$.ajax()</title> </head> <body> <h2>用户登录</h2> <form> <p>用户名:<input type="text" name="name"></p> </form> </body> </html> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript"> //当失去焦点时时行验证 $(':input').blur(function(){ // alert('通过') //使用ajax进行异步验证 //语法1: 全部参数写到$.ajax()参数中 $.ajax({ //请求的服务器资源,必须是字符串 url: 'api/demo.php', //客户端的请求类型:GET,POST...,推荐大写 type: 'GET', //从服务器端返回的数据类型格式:xml,html,json,txt等 // dataType: 'json', //异步true,还是同步false(锁定浏览器) // async: true, //发送数据 //1.查询字符串键值对,多个值之间用&连接 // data: 'name='+$(':input').val(), //2.json格式 // data: {'name':$(':input').val()}, //3.当表单有多个字段时使用序列化方法可提高效率 //将表单控件内容序列化为查询键值对格式 // data: $('form:first').serialize(), //4.将表单控件内容序列化为json格式 data: $('form:first').serializeArray(), //成功回调 success: function(msg,status,xhr) { console.log(msg) $('p span').empty() $('p').append($(msg)) } }) //$.ajax()第二种语法格式,用得不多,但要看得懂 $.ajax({ url: 'api/demo1.php', type: 'GET', dataType: 'json', data: $('form:first').serialize(), }) .done( function(msg) { console.log(msg.tips) $('p span').empty() $('p').append($(msg.tips)) }) }) </script>
The above is the detailed content of jquery$.ajax() method. For more information, please follow other related articles on the PHP Chinese website!