ajax配置项中的type与method

做~自己de王妃 提交于 2019-11-29 06:31:41
  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。

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!