ajax配置项中的type与method

1. jQuery中ajax配置项中的使用type与method的区别

本质上两个配置项是没有区别的，区别在于两者出现的时间不同，type对于目前jQuery的版本全部兼容，也就是说

$.ajax({
        type: 'POST',
        url: '/login',
        dataType: 'json',若出现跨域请求请使用'jsonp'
        data: {
            'userName': userName,
            'password': password
        },
        success: function (e) {
            if (e.code == 200) {
                //这里登录成功后进行页面跳转
                window.location.href = '/index';
                alert(e.message);
            } else {
                alert(e.message);
            }
        },
        error: function () {
            alert("Error!");
        }
    });

这种方式书写，type类型是GET就是GET请求，是POST请求就是POST请求。

2. 在jQuery1.9以后的版本中使用ajax时，可以使用如下方式

$.ajax({
        method: 'POST',这里不同了
        url: '/login',
        data: {
            'userName': userName,
            'password': password
        },
        success: function (e) {
            if (e.code == 200) {
                window.location.href = '/index';
                alert(e.message);
            } else {
                alert(e.message);
            }
        },
        error: function () {
            alert("Error!");
        }
    });

实现的功能是一样的，但是如果此时你引入的jQuery的js文件版本太旧，就会出现请求全是以默认方式GET进行的，所以会出现一些无厘头的bug。在这里记录一下，也方便日后学习！