ajax 如何统一设置headers携带参数?

Question

原生的ajax, 如何全局配置每一个ajax请求的headers都带上某写些个参数?不用每一个ajax都调用 setRequestHeaders方法来设置?

Answer 1

自己封装一个方法

function ajax(config, callbackS, callbackF) {

    // 设置常用的默认值

    var url = config.url || '/';

    var method = config.method || 'GET';

    var async = config.async === undefined ? true : config.async;

    var contentType = config.contentType || 'application/x-www-form-urlencoded';

    var header = config.header || {};

    var data = config.data;

    // 创建XMLHttpRequest对象

    var xhr = new XMLHttpRequest();

    // 初始化请求

    xhr.open(method, url, async);

    // 设置header的默认值

    xhr.setRequestHeader('Content-Type', value);

    // 设置其它header

    for (var item in header) {

        xhr.setRequestHeader(item, header[item]);

    }

    // 发送请求

    xhr.send(data);

    // 处理响应

    xhr.onreadystatechange = function () {

        if (xhr.readyState == 4) {

            if (xhr.status == 200) {

                callbackS && callbackS(xhr.responseText);

            }

            else {

                callbackF && callbackF(xhr.status);

            }

        }

    }

}