面向对象ajax函数的封装

贪吃ღ大魔王

于 2021-05-18 21:47:38 发布

阅读量182

点赞数 2

分类专栏： mysql ajax 代码手写文章标签： ajax js mysql

本文链接：https://blog.csdn.net/weixin_44070254/article/details/117001696

版权

本文介绍了如何将AJAX操作封装成面向对象的形式，详细阐述了提取参数、处理GET和POST请求的异同，旨在提高代码复用性和易维护性。

摘要由CSDN通过智能技术生成

面向对象ajax函数的封装

1 提取参数,进行穿递
2 找到get和post异同点
一样的地方公用不一样的区别处理

    class axios {
   
            static get(url, data, cb) {
   
                axios.http('get', url, data, cb);
            }
            static post(url, data, cb) {
   
                axios.http('post', url, data, cb);
            }
            static http(type, url, data, cb) {
   
            // 参数样式   name=zs&age=18
                let param = '';
                for (let attr in data) {
   
                //console.log(attr, data[attr]);
                    param += attr + '=' + data[attr] + '&';
                }
                param = param.slice(0, param.length - 1);
                let xhr <