js 封装自己的Ajax函数

骑猪看日落 2021-11-11 14:12 289阅读 0赞

封装自己的Ajax函数

主要是兼容自己的get，post两种不同请求的请求方式，在实现一下兼容的处理

ajax.open(method,url,true) 方法post get 请求地址 异步true 同步false

ajax.send() 发送

onreadystatechange 监听数据 返回4 数据已经请求回来了

代码实现：

function ajaxFn(method, url, callBack,data,flag) {
        var xhr = null;
        if (window.XMLHttpRequest) {
            xhr = new XMLHttpRequest
        } else {
            xhr = new ActiveXObject('Microsoft.XMLHttp')
        }
        method = method.toUpperCase();
        if (method == 'GET') {
            xhr.open(method, url+'?'+data, flag);
            xhr.send();
        } else if (method == 'POST') {
            xhr.open(method, url, flag);
            xhr.setRequestHeader('Content-type','application/x-www-form-urlencoded')
            xhr.send(data);
        }
       
        xhr.onreadystatechange = function () {
            if (xhr.readyState == 4) {
                if (xhr.status == 200) {
                    //    xhr.responseText   //返回回来的值
                    callBack(xhr.responseText);
                }
            }
        }
    }

转载于:https://www.cnblogs.com/chris-zy/p/11174081.html

发表评论取消回复

表情：

评论列表（有 0 条评论，289人围观）

还没有评论，来说两句吧...

相关阅读

相关如何封装自己的Ajax函数

封装Ajax函数一、要实现的效果 -------------------- 一、要实现的效果 ![在这里插入图片描述][30207e0483f34af0

落日映苍穹つ/ 2024年04月01日 18:43/ 0 赞/ 73 阅读

相关用自己的话来介绍一下ajax,封装自己的Ajax框架

Ajax技术就是利用javascript和xml实现异步交互的功能。首先先来介绍一下Ajax相关知识点，如果这些你都会的话，请直接跳转到封装ajax框架！(代码篇) 一、

绝地灬酷狼/ 2022年09月03日 15:24/ 0 赞/ 173 阅读

相关 ajax封装框架,封装自己的Ajax框架

Ajax技术就是利用javascript和xml实现异步交互的功能。首先先来介绍一下Ajax相关知识点一、Ajax对象的创建 1、创建Ajax对象的方式 a、第一种

柔情只为你懂/ 2022年09月03日 15:24/ 0 赞/ 263 阅读

相关用自己的话来介绍一下ajax,封装自己的Ajax框架

Ajax技术就是利用javascript和xml实现异步交互的功能。首先先来介绍一下Ajax相关知识点，如果这些你都会的话，请直接跳转到封装ajax框架！(代码篇) 一、

深碍√TFBOYSˉ_/ 2022年08月29日 00:19/ 0 赞/ 182 阅读

相关 Ajax工具函数封装

原生Ajax写法回顾 > 原生使用`Ajax`主要分为五步,需要手写较多内容,如果每次我们使用`Ajax`都需要手写一遍,较为浪费时间,所以我们将公共代码抽取,封

朴灿烈づ我的快乐病毒、/ 2022年07月12日 07:24/ 0 赞/ 153 阅读

相关 Ajax工具函数封装

原生Ajax写法回顾 > 原生使用`Ajax`主要分为五步,需要手写较多内容,如果每次我们使用`Ajax`都需要手写一遍,较为浪费时间,所以我们将公共代码抽取,封

骑猪看日落/ 2022年07月12日 07:24/ 0 赞/ 189 阅读

相关原生js封装Ajax函数

Ajax，是 Asynchronous JavaScript + XML 的简写。指一种创建交互式网页应用的网页开发的技术。通过异步模式，提升了用户体验。优化了浏览器和服

￡神魔★判官ぃ/ 2022年05月23日 04:26/ 0 赞/ 281 阅读

相关【JavaScript】自己动手封装一个ajax函数

我们在jquery中一般是这样是用ajax函数的： xxx.addEventListener('click', function(){ window.aj

绝地灬酷狼/ 2022年03月12日 15:58/ 0 赞/ 210 阅读

相关 js 封装自己的Ajax函数

封装自己的Ajax函数主要是兼容自己的get，post两种不同请求的请求方式，在实现一下兼容的处理 ajax.open(method,url,true) 方法post

骑猪看日落/ 2021年11月11日 14:12/ 0 赞/ 290 阅读

相关自己封装ajax-post请求

// 3.post请求 var urls = 服务器地址, var url = 服务器接口 fn = 回调函

悠悠/ 2021年09月16日 23:38/ 0 赞/ 438 阅读