再次认识 HTTP

jQuery Ajax HTTP 参数解析

先来看看一些 HTTP XHR 请求头和相应内容

常规 General

Request Method , 根据数据流动的方向和交互，HTTP 请求类型分为好几种类型

请求 Requst

Referer : http://www.baidu.com/

Access-Control-Request-Headers: content-type

Access-Control-Request-Method: POST

Cookie: PHPSESSID=298zf09hf012fh2; csrftoken=u32t4o3tb3gg43; _gat=1;

响应 Response

Access-Control-Allow-Credentials: true

Access-Control-Allow-Origin: http://www.infzm.com

Access-Control-Allow-Credentials: true

Access-Control-Allow-Headers: x-requested-with, content-type, origin, cache-control, pragma, authorization, accept, accept-encoding

Access-Control-Allow-Methods: PUT, POST, GET, OPTIONS, DELETE

Content-Type: application/json

Content-Type: text/html; charset=UTF-8

编码类型

请求 Requst

contentType 指定了请求内容的编码格式，而 jQ 默认使用 application/x-www-form-urlencoded ，使得实体内容会经过 $.param() 序列化 ：

$.param({ foo: 'bar', baz: 'qux' }) // "foo=bar&baz=qux"

使得实体数据 encoded

$.ajax({
        url     : "/api/user/register_by_phone",
        type    : "POST",
        data    : jQuery.param({
            phone      : $(el_arr[0]).val(),
            verify_code: $(el_arr[1]).val(),
            password   : md5($(el_arr[2]).val()),
        }),
        timeout : 50000,
        dataType: 'json',
        success : function (res) {
            if (res.code != 200) {
                resolve(res.msg)
            } else {
                resolve(text_success_register)
            }
        }
    })

响应 Response

dataType 指定服务器返回的实体数据类型，不指定时，就要确保返回的 Content-Type 与实体内容编码一致

Content-Type Content-Type: application/json