• 希望找人一起写个 Ajax 的封装


    我已经写好了一些

    xmlHttp.js
    /**
    * @version 1.0
    * @时间  2008-06-26
    * @作者  林松斌
    * @QQ    410728115
    * @Email linsongbin@126.com
    * @博客 http://linsongbin.cnblogs.com/
    */
    Ajax = function() {
    this._url = null;
    this._method = 'GET';
    this._xmlhttp = null;
    this.createXMLRequest();
    }
    Ajax.prototype.setUrl = function(url) {
        this._url = url;
    }
    Ajax.prototype.setMethod = function(method) {
        this._method = method;
    }
      
    Ajax.prototype.createXMLRequest = function() {
        try {
            this._xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
        } catch (ex1) {
            try {
                this._xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
            } catch (ex2) {
                this._xmlhttp = null;
            }
        }
    if (!this._xmlhttp) {
      if (typeof XMLHttpRequest != "undefined") {
       this._xmlhttp = new XMLHttpRequest();
      }
    }
    }

    Ajax.prototype.send = function(url, method, data) {
        this._url = url;
        this._methdo = method;
        var self = this;
        if (this._method.toLowerCase() == "get") {
            this._xmlhttp.open("GET", this._url, true);
            this._xmlhttp.send(null);
        } else if(this._method.toLowerCase() == "post") {
            this._xmlhttp.open("POST", this._url, true);
            this._xmlhttp.setRequestHeader('Content-Type', 'application/ x-www-form-ur lencoded');
            this._xmlhttp.send(data);
        }
    this._xmlhttp.onreadystatechange = function(){self.process.call(self)};  
    }
    //这里需要从写
    Ajax.prototype.process = function() {
    switch (this._xmlhttp.readyState) {
      case 1:
       //this.onLoading();
       break;
      case 2:
       //this.onLoaded();
       break;
      case 3:
       //this.onInteractive();
       break;
      case 4:
          alert(this._xmlhttp.responseText);
    }
    }
    /**
    * 提供简易操作接口
    */
    sendGET = function(url) {
        var ajax = new Ajax();
        ajax.send(url, 'post', null);
    }


    接着就要对 callback 函数进行重构
    时刻记着: 安全, 性能, 易用 !!
    如果有兴趣请与我联系!!
  • 相关阅读:
    第二次结对编程作业
    团队项目-需求分析报告
    团队项目-选题报告
    第一次结对编程作业
    第一次编程作业
    第一次博客作业
    computed vs methods
    v-for
    jQuery事件绑定on()、bind()与delegate() 方法详解
    开题
  • 原文地址:https://www.cnblogs.com/linsongbin/p/1264532.html
Copyright © 2020-2023  润新知