* $.ajax()
* 功能:是jquery中的Ajax底层方法,之前学过的$.get(),$.post...都它的特殊形式
* 语法: $ajax()
* 参数: 参数写到js对象字面量中
* 注:因参数众多,下面用实例进行说明
<!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>
以上就是jquery$.ajax()方法的详细内容,更多请关注php中文网其它相关文章!
![php中文网最新课程二维码](/static/images/article_wechat2021.jpg?1111)
声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
网友评论
文明上网理性发言,请遵守 新闻评论服务协议
我要评论