美文网首页
fetch实现ajax

fetch实现ajax

作者: 伊天 | 来源:发表于2018-05-17 17:29 被阅读0次

    ajax: {
    obj2String (opts) {
    const arr = [];
    for (const attr in opts) {
    arr.push(attr + '=' + opts[attr]);
    }
    return arr.join('&');
    },
    post (url, opts) {
    return new Promise((res, rej) => {
    fetch(url, {
    method: 'POST',
    headers: { 'Content-Type': 'application/json' },
    body: JSON.stringify(opts),
    })
    .then(r => {
    return r.text();
    })
    .then(j => {
    res(JSON.parse(j));
    })
    .catch((error) => {
    rej(error);
    });
    });
    },
    get (url, opts) {
    return new Promise((res, rej) => {
    fetch(url + '?' + this.obj2String(opts), { method: 'GET' })
    .then((r) => {
    return r.text();
    })
    .then((j) => {
    res(JSON.parse(j));
    })
    .catch((error) => {
    rej(error);
    });
    });
    },
    },

    相关文章

      网友评论

          本文标题:fetch实现ajax

          本文链接:https://www.haomeiwen.com/subject/vhhidftx.html