jquery的$.ajax()方法 * $.ajax() * 功能:是jquery中的Ajax底层方法,之前学过的$.get(),$.post...都它的特殊形式 * 语法: $ajax() * 参数: 参数写到js对象字面量中 * 注:因参数众多,下面用实例进行说明 $.ajax() 用户登录 用户名: //当失去焦点时时行验证 $(':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)) }) })