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)
        })
     
  • 相关阅读:
    不同数据类型的取值范围
    反正切函数求圆周率 atan
    HDOJ 1106
    HDOJ 1596
    HDOJ 1026 dfs路径保存
    qsort用法总结
    HDOJ 2088
    HDOJ 1878 欧拉回路 nyoj 42一笔画问题
    HDOJ 1863 prim算法 HDOJ 1879
    HDOj 1010 DFS优化
  • 原文地址:https://www.cnblogs.com/akby/p/12875051.html
Copyright © 2011-2022 走看看