jQuery Ajax 的简单使用学习

• $.ajax 请求
  1. 方式一

     $.ajax({
         type: 'POST', // 请求的类型
         url: 'https://baby.yunjimedical.com/YiDaoServer/user/loginByH5.do', // 请求的路径
             data: {loginName: '13416665083', password: '123456'}, // 请求的参数
         beforeSend: function () { // 在请求发送前，最后执行的方法
         console.log('发送之前哦～～');
       },
       success: function () { // 请求发送成功执行的方法
          console.log('请求成功～～');
       },
       error: function (e, r) { // 请求发送失败执行的方法
          console.log('请求失败～～');
       },
       complete: function () { // 请求结束执行的方法
         console.log('请求结束～～');
       }
     });
     

  2. 方式二

       $.ajax({
             type: 'POST',
             url: 'https://baby.yunjimedical.com/YiDaoServer/user/loginByH5.do',
             data: {loginName: '13416665083', password: '123456'}
             }).success(function () {
             console.log('请求成功.');
             }).error(function (e, r) {
             console.log('请求失败.');
             }).complete(function () {
             console.log('请求结束.');
           });
     

• get 请求 ($.get(url(required), data(optional), function(optional)))

  $.get('https://baby.yunjimedical.com/YiDaoServer/user/loginByH5.do', {'loginName': 13416665083, 'password': 123456}).success(function () {
     // 请求发送成功执行的回调
     console.log('发送成功');
   }).error(function () {
     // 请求发送失败执行的回调
     console.log('发送失败');
   }).complete(function () {
     // 请求执行结束的回调
     console.log('请求结束');
  });
  
  

• post 请求 ($.post(url(required), data(optional), function(optional)))

$.post('https://baby.yunjimedical.com/YiDaoServer/user/loginByH5.do', {'loginName': 13416665083,     'password': 123456}).success(function () {
   // 请求发送成功执行的回调
    console.log('发送成功');
}).error(function () {
   // 请求发送失败执行的回调
    console.log('发送失败');
}).complete(function () {
  // 请求执行结束的回调
    console.log('请求结束');
});

注意: 无论是$.get()还是$.post()方法中使用到的jqXHR对象的监听方法success()、error()、complete()都是在jQuery 1.5版本中引入的，从jQuery 1.8版本中已经将上述几个方法过期，取而代之的方法是:done()、fail()、always(),调用的时机都是上之前的方法一致的。如果发现后面提到的新方法使用不了，考虑正在使用的jQuery 版本是否是v1.8及以后版本。