JQuery的ajax

发表于 | 分类于

JQuery的ajax

[TOC]

  • jQuery在全局对象jQuery（也就是$）绑定了ajax()函数，可以处理AJAX请求。ajax(url, settings)函数需要接收一个URL和一个可选的settings对象，

  • Get请求

    1
    2
    3
    4
    5
    var jqxhr = $.get('/path/to/resource', {
        name: 'Bob Lee',
        check: 1
    });
    //第二个参数代表了请求参数,直接被加到请求url后面

  • POST请求（传入的第二个参数默认被序列化为application/x-www-form-urlencoded：）

    1
    2
    3
    4
    var jqxhr = $.post('/path/to/resource', {
        name: 'Bob Lee',
        check: 1
    });
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    * 直接获取json获取
      ```javascript
      var jqxhr = $.getJSON('/path/to/resource', {
          name: 'Bob Lee',
          check: 1
      }).done(function (data) {
          // data已经被解析为JSON对象了
      }).fail(function (xhr, status) {
          ajaxLog('失败: ' + xhr.status + ', 原因: ' + status);
      }).always(function () {
          ajaxLog('请求完成: 无论成功或失败都会调用');
      });;

    ​