封装原生ajax

将原生ajax进行封装

复制代码
function ajax() {
                var ajaxData = {
                    type: arguments[0].type || "GET",
                    url: arguments[0].url || "",
                    async: arguments[0].async || "true",
                    data: arguments[0].data || null,
                    dataType: arguments[0].dataType || "text",
                    contentType: arguments[0].contentType || "application/x-www-form-urlencoded",
                    beforeSend: arguments[0].beforeSend || function() {},
                    success: arguments[0].success || function() {},
                    error: arguments[0].error || function() {}
                }
                ajaxData.beforeSend()
                var xhr = createxmlHttpRequest();
                xhr.responseType = ajaxData.dataType;
                xhr.open(ajaxData.type, ajaxData.url, ajaxData.async);
                xhr.setRequestHeader("Content-Type", ajaxData.contentType);
                xhr.send(convertData(ajaxData.data));
                xhr.onreadystatechange = function() {
                    if(xhr.readyState == 4) {
                        if(xhr.status == 200) {
                            ajaxData.success(xhr.response)
                        } else {
                            ajaxData.error()
                        }
                    }
                }
            }

            function createxmlHttpRequest() {
                if(window.ActiveXObject) {
                    return new ActiveXObject("Microsoft.XMLHTTP");
                } else if(window.XMLHttpRequest) {
                    return new XMLHttpRequest();
                }
            }

            function convertData(data) {
                if(typeof data === 'object') {
                    var convertResult = "";
                    for(var c in data) {
                        convertResult += c + "=" + data[c] + "&";
                    }
                    convertResult = convertResult.substring(0, convertResult.length - 1)
                    return convertResult;
                } else {
                    return data;
                }
            }
复制代码

ajax实现,写起来和jQuery差不多

复制代码
ajax({
                type: "POST",
                url: "http://share.vr39.com/rest/link/importUserPanoramData",
                dataType: "json",
                data: {
                    "viewUuid": data
                },
                beforeSend: function() {
                    //some js code 
                },
                success: function(msg) {
                    alert(msg.message)
                },
                error: function() {
                    alert("error")
                }
            });
复制代码

 

posted @   Rest探路者  阅读(691)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
阅读排行:
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· AI与.NET技术实操系列(二):开始使用ML.NET
· 单线程的Redis速度为什么快?
levels of contents
点击右上角即可分享
微信分享提示