zoukankan      html  css  js  c++  java
  • ajax封装

    function ajax(method,url,data) {
    
        return new Promise((resolve,reject)=> {
    
            let xhr = null; 
    
            try {
                xhr = new XMLHttpRequest();
            }catch(e) {
                xhr = new ActiveXObject("Microsoft.XMLHTTP");
            }
    
            // get post 
            if(method === 'get' && data) {
                url += '?' + data;
            }
    
    
            xhr.open(method,url,true);
    
            if(method === 'get') {
                xhr.send();
            }else {
                xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");
                xhr.send(data);
            }
    
    
            xhr.onreadystatechange = function() {
                if(xhr.readyState == 4) {
                    if(xhr.status == 200) {
                        resolve(xhr.responseText)
                    }else {
                        reject(xhr.status)
                    }
                }
            }
        })
    
    }

    用法

    ajax('get','01.php',`num=${json}`).then((data)=>{
      console.log(data)
    })
     
    或者使用
    async  await
    1 async function getData() {
    2         
    3         let data = await ajax('get','data.php',`参数`);
    4 
    5         console.log(data)
    6            
    7         }
    8 
    9     }
  • 相关阅读:
    3.17JSP作业
    JSP第二次作业
    JSP第一次作业
    软件测试课堂练习
    增删改查
    登录界面
    购物商城
    图床
    JSP-2020年4月14日-第七周
    JSP-2020年4月12日-第六周
  • 原文地址:https://www.cnblogs.com/huang-gua123/p/11951491.html
Copyright © 2011-2022 走看看