zoukankan      html  css  js  c++  java
  • 希望找人一起写个 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 函数进行重构
    时刻记着: 安全, 性能, 易用 !!
    如果有兴趣请与我联系!!
  • 相关阅读:
    oracle学习之数据库数据保存成文件
    秦时明月这部烂电视
    Oracle学习之buffer cache(copy过来的文本,待补充笔记)
    Oracle学习之shared pool及sga的大小的设置
    Oracle学习之sql共享以及4031解决方法
    Oracle学习之内存块组成结构及4031错误分析
    树形逻辑套路总结
    HashMap并发分析
    JVM常用指标查询
    读Lock-Free论文实践
  • 原文地址:https://www.cnblogs.com/linsongbin/p/1264532.html
Copyright © 2011-2022 走看看