ajax的封装

落日映苍穹つ 2022-05-10 03:24 230阅读 0赞

我！要！被！这！玩意！坑死了！  
用promise封装一个ajax请求。

function ajax(url,type,param,async,header){
        return new Promise(function (resolve,reject) {
            let xhr=null
            if(window.XMLHttpRequest){
                 xhr = new XMLHttpRequest();
            }else{
                 xhr = new ActiveObjext('Microsoft.XMLHTTP');
            }
            xhr.onreadystatechange=function () {
                if(xhr.readyState===4&&xhr.status===200){
                    resolve(JSON.parse(xhr.responseText))
                }else{
                    reject(Error(xhr))
                }
            }
            xhr.onerror=function (params) {
                reject(Error('Network Error'))
            }
            type===null||type.toUperCase()==='GET'?type='get':type='post';
            param===formatParams(param);
            param===null||param===''?url:url=url+'?'+param;
            async===null||async===true?async=true:async=false;
            xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded')
            xhr.open(type,url,async)
            xhr.send();
        })
        function  formatParmas(data) {
            let _reData=[];
            for(let item in dara){
                _reData.push(item+'='+data[item])
            }
            return _reData.join('&');
        }
    }

发表评论取消回复

表情：

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

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

相关阅读

相关封装ajax

封装原则把可能会变动的内容,都给弄参数,让用户传递进来 function aa({ url,type='get',async=true,data,success,e

╰+攻爆jí腚メ/ 2022年12月20日 02:49/ 0 赞/ 140 阅读

相关 ajax的封装

$(function(){ 'use strict'; var user = getUserinfo(); i

偏执的太偏执、/ 2022年09月26日 01:49/ 0 赞/ 217 阅读

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

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

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

相关 AJAX封装

function ajax({type,url,data,dataType}){ return new Promise(function(resolve)

Bertha 。/ 2022年06月04日 08:57/ 0 赞/ 262 阅读

相关 AJAX封装

ajaxutils.js // 创建request对象 function createXMLHttpRequest() { try {

Dear 丶/ 2022年06月04日 05:57/ 0 赞/ 270 阅读

相关 ajax封装

封装js: $.conf = { tip:function(){ }, surl:function(url)

亦凉/ 2022年05月14日 02:05/ 0 赞/ 292 阅读

相关 ajax 访问封装后的ajax

先封装一个ajax //method:get url:数据地址 callback:创建对象..... function ajax(method, url, c

た入场券/ 2022年05月10日 04:28/ 0 赞/ 206 阅读

相关 ajax的封装

我！要！被！这！玩意！坑死了！用promise封装一个ajax请求。 function ajax(url,type,param,async,header){

落日映苍穹つ/ 2022年05月10日 03:24/ 0 赞/ 231 阅读

相关原生ajax的封装

原生ajax的封装 get请求 post请求有参无参都可以实现返回数据类型，需要自己处理，返回字符串格式 <!DOCTYPE html> <html

青旅半醒/ 2022年01月23日 06:04/ 0 赞/ 301 阅读

相关封装ajax

初始化AJAX要有四步： 1 初始化XHR对象 2 设置onreadystatechange事件 3 调用open方法 4 调用send方法 onread

不念不忘少年蓝@/ 2021年09月02日 05:48/ 0 赞/ 511 阅读