zoukankan      html  css  js  c++  java
  • ajax提交方式函数封装

    ajax提交方式函数封装

    export{
        ajax
    }
    function ajax(){
        new Ajax(...arguments)
    }
    class Ajax{
        constructor({method,url,data}){
            this.method = method;
            this.url = url;
            this.data = data;
            this.init();
            this.type()
        }
        init(){
            var xhr= null;
            try{
                xhr = new XMLHttpRequest;
            }catch{
                xhr = new ActiveXObject("Microsoft.XMLHTTP");
            }
            return xhr;
        }
        type(){
            var xhr = this.init();
            var querystring=""
            if(this.data){
                 querystring = this.queryString(this.data);
            }
            if(this.method =="get"){
                xhr.open(this.method,this.url+"?"+ querystring,true);
                xhr.send()
            }else{
                xhr.open(this.method,this.url,true);
                xhr.setRequestHeader("content-type", "application/x-www-form-urlencoded");
                xhr.send(querystring)
            }
            xhr.onreadystatechange=function(){
                if(xhr.readyState==4){
                    console.log(xhr.responseText)
                }
            }
        }
        queryString(dataObj){
            var str = "";
            for(var attr in dataObj){
                str +=`${attr}=${dataObj[attr]}&`
            }
            return str.substring(0,str.length-1);
        }
    }
    请用今天的努力,让明天没有遗憾。
  • 相关阅读:
    个人工作量
    个人作业
    本周psp
    典型用户和场景总结
    排球比赛计分规则功能说明书
    我与计算机
    个人作业
    《怎样成为一个高手》读后感
    第十八周个人作业
    第十六周 项目耗时记录
  • 原文地址:https://www.cnblogs.com/cupid10/p/15617754.html
Copyright © 2011-2022 走看看