ajax中type與method的區別

轉載來源:原文鏈接

1. jQuery中ajax配置項中的使用type與method的區別

本質上兩個配置項是沒有區別的,區別在於兩者出現的時間不同,type對於目前jQuery的版本全部兼容

$.ajax({
        type: 'POST',
        url: 'http://developer.duyiedu.com/edu/testJsonp',//這地址是我用的沒有設置跨域的接口
        dataType: 'json',//若出現跨域請求請使用'jsonp'
        data: {
            'userName': userName,
            'password': password
        },
        success: function (data) {
          console.log(data);
        },
        error: function () {
            alert("錯誤!");
        }
    });

這種方式書寫,type類型是GET就是GET請求,是POST請求就是POST請求。

2. 在jQuery1.9以後的版本中使用ajax時,可以使用如下方式

$.ajax({
        method: 'POST',這裏不同了
        url: 'http://developer.duyiedu.com/edu/testJsonp',
        data: {
            'userName': userName,
            'password': password
        },
        success: function (data) {
            console.log(data)
        },
        error: function () {
            alert("錯誤!");
        }
    });

實現的功能是一樣的,但是如果此時你引入的jQuery的js文件版本太舊,就會出現請求全是以默認方式GET進行的,所以會出現一些無厘頭的bug。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章