zoukankan      html  css  js  c++  java
  • pormise封装ajax(简单封装)

    先创建一个js文件然后开始封装ajax:

    function ajax(url,mehtod='get',data){
        return new Promise((resolve,reject)=>{
            // 创建ajax对象
        //兼容问题
                if(window.XMLHttpRequest){
                    var xhr = new XMLHttpRequest()
                }else{
                    // 兼容IE低版本
                    var xhr = new ActiveXObject('microsoft.XMLHttp')
                }
            // open 
      //这里判断一下请求的方式
                if(mehtod==='GET'){
                    xhr.open(mehtod,url)
                }
                if(mehtod==='POST'){
                    xhr.setRequestHeader('content-type','application/x-from-www-urlencdoed')
                    xhr.open(mehtod,url)
                }
            // send
                xhr.send(null);

            // 监听请求,状态处理
                
                xhr.onreadystatechange=function(){
                    if(xhr.readyState===4){
                        if(xhr.status===200){
                            // 成功返回
                            resolve(JSON.parse(xhr.responseText))
                        }else{
                            // 失败
                            reject(alert('请求失败'))
                        }
                    }
                }
        })
    }
     
    然后在html页面开始引入这个js文件 引入完后请求ajax就行:
      //这里的是请求的URL地址
        let url = 'xxx'
        ajax(url,'GET').then(res=>{
            console.log('获取数据:',res)
        })
     
  • 相关阅读:
    spring cloud 和 阿里微服务spring cloud Alibaba
    为WPF中的ContentControl设置背景色
    java RSA 解密
    java OA系统 自定义表单 流程审批 电子印章 手写文字识别 电子签名 即时通讯
    Hystrix 配置参数全解析
    spring cloud 2020 gateway 报错503
    Spring Boot 配置 Quartz 定时任务
    Mybatis 整合 ehcache缓存
    Springboot 整合阿里数据库连接池 druid
    java OA系统 自定义表单 流程审批 电子印章 手写文字识别 电子签名 即时通讯
  • 原文地址:https://www.cnblogs.com/akby/p/12875051.html
Copyright © 2011-2022 走看看