ES6异步封装

今天没事做，把ajax在JQ里面一些简单的调用的语法整理了以下，嘿嘿~，原生的就不写啦...

GET

POST

JSONP

ES6新语法

 $.get("https://text.xiaohuwei.cn/xs/svip.php",{key:"xiaohuwei"},(res)=>{
    res = JSON.parse(res); //将后端返回的json字符串变成json对象
    console.log(res);
    })

$.post("https://text.xiaohuwei.cn/xs/svip.php",{vip:"xiaohuwei"},(res)=>{
    res = JSON.parse(res); //将后端返回的json字符串变成json对象
    console.log(res);
     })

$.getJSON("https://douban.uieee.com/v2/movie/top250?callback=?",{},(res)=>{
     console.log(res);
     })

  $.ajax({
            url:"https://text.xiaohuwei.cn/xs/svip.php",
            type:"get",
            dataType:"json",
            data:{key:"xiaohuwei"}
    }).done((res)=>{
        console.log(res)
    }).fail((res)=>{
        console.log(res)
    })

PROMISE ES6 语法封装通用ajax

function getData(url,ops={},type="get"){//默认get
    //  es6 promise语法  封装通用异步
    var promiseObj = new Promise(function(data,reject){
            $.ajax({
                    type,
                    url,
                    data:ops,
                    async:true,
                    dataType:"json",
                    success:(res)=>{
                    data(res);
                    },
                    error:function(res){
                        reject(res);
                    }
                });
    });
       return promiseObj;
}

调用方法

GET

POST

var obj2 = getData("https://text.xiaohuwei.cn/xs/svip.php",{key:"xiaohuwei"});
               obj2.then((res)=>{
                     console.log(res);
               })

var obj3 = getData("https://text.xiaohuwei.cn/xs/svip.php",{vip:"xiaohuwei"},type="post");
               obj3.then((res)=>{
                     console.log(res);
               })