js封装ajax 实现GET请求和POST请求

最新推荐文章于 2024-02-23 11:46:43 发布

Eden_li

最新推荐文章于 2024-02-23 11:46:43 发布

阅读量515

点赞数 8

文章标签： javascript ajax 前端

本文链接：https://blog.csdn.net/m0_49011098/article/details/135386097

版权

封装ajax

 function ajaxRequest(method, url, data, callback) {
            var xhr = new XMLHttpRequest();

            xhr.onreadystatechange = function () {
                if (xhr.readyState === 4) {
                    if (xhr.status === 200) {
                        // 请求成功
                        callback(null, JSON.parse(xhr.responseText));
                    } else {
                        // 请求失败
                        callback(new Error('Request failed with status ' + xhr.status));
                    }
                }
            };

            xhr.open(method, url, true);

            if (method === 'POST' || method === 'PUT') {
                xhr.setRequestHeader('Content-Type', 'application/json');
            }

            xhr.send(data ? JSON.stringify(data) : null);
        }

接口调用–post格式

  ajaxRequest('POST', 'https://api.vid.com/recommend', { limit: 2 }, function (err, response) {
            if (err) {
                console.error(err);
            } else {

                console.log(response);
            }
        });

接口调用–get格式

  ajaxRequest('GET', 'https://api.vid.com/recommend',  null, function (err, response) {
            if (err) {
                console.error(err);
            } else {

                console.log(response);
            }
        });