16

3月

ajax类库

| |
[2008-3-16 20:50 | 分类: 软件编程 | by Wudi ]
/* Simple AJAX Code-Kit (SACK) v1.6.1 */
/* ?2005 Gregory Wild-Smith */
/* www.twilightuniverse.com */
/* Software licenced under a modified X11 licence,
   see documentation or authors website for more details */

function sack(file) {
  this.xmlhttp = null;

  this.resetData = function() {
    this.method = "POST";
      this.queryStringSeparator = "?";
    this.argumentSeparator = "&";
    this.URLString = "";
    this.encodeURIString = true;
      this.execute = false;
      this.element = null;
    this.elementObj = null;
    this.requestFile = file;
    this.vars = new Object();
    this.responseStatus = new Array(2);
    };

  this.resetFunctions = function() {
      this.onLoading = function() { };
      this.onLoaded = function() { };
      this.onInteractive = function() { };
      this.onCompletion = function() { };
      this.onError = function() { };
    this.onFail = function() { };
  };

  this.reset = function() {
    this.resetFunctions();
    this.resetData();
  };

  this.createAJAX = function() {
    try {
      this.xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
    } catch (e1) {
      try {
        this.xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
      } catch (e2) {
        this.xmlhttp = null;
      }
    }

    if (! this.xmlhttp) {
      if (typeof XMLHttpRequest != "undefined") {
        this.xmlhttp = new XMLHttpRequest();
      } else {
        this.failed = true;
      }
    }
  };

  this.setVar = function(name, value){
    this.vars[name] = Array(value, false);
  };

  this.encVar = function(name, value, returnvars) {
    if (true == returnvars) {
      return Array(encodeURIComponent(name), encodeURIComponent(value));
    } else {
      this.vars[encodeURIComponent(name)] = Array(encodeURIComponent(value), true);
    }
  }

  this.processURLString = function(string, encode) {
    encoded = encodeURIComponent(this.argumentSeparator);
    regexp = new RegExp(this.argumentSeparator + "|" + encoded);
    varArray = string.split(regexp);
    for (i = 0; i < varArray.length; i++){
      urlVars = varArray[i].split("=");
      if (true == encode){
        this.encVar(urlVars[0], urlVars[1]);
      } else {
        this.setVar(urlVars[0], urlVars[1]);
      }
    }
  }

  this.createURLString = function(urlstring) {
    if (this.encodeURIString && this.URLString.length) {
      this.processURLString(this.URLString, true);
    }

    if (urlstring) {
      if (this.URLString.length) {
        this.URLString += this.argumentSeparator + urlstring;
      } else {
        this.URLString = urlstring;
      }
    }

    // prevents caching of URLString
    this.setVar("rndval", new Date().getTime());

    urlstringtemp = new Array();
    for (key in this.vars) {
      if (false == this.vars[key][1] && true == this.encodeURIString) {
        encoded = this.encVar(key, this.vars[key][0], true);
        delete this.vars[key];
        this.vars[encoded[0]] = Array(encoded[1], true);
        key = encoded[0];
      }

      urlstringtemp[urlstringtemp.length] = key + "=" + this.vars[key][0];
    }
    if (urlstring){
      this.URLString += this.argumentSeparator + urlstringtemp.join(this.argumentSeparator);
    } else {
      this.URLString += urlstringtemp.join(this.argumentSeparator);
    }
  }

  this.runResponse = function() {
    eval(this.response);
  }

  this.runAJAX = function(urlstring) {
    if (this.failed) {
      this.onFail();
    } else {
      this.createURLString(urlstring);
      if (this.element) {
        this.elementObj = document.getElementById(this.element);
      }
      if (this.xmlhttp) {
        var self = this;
        if (this.method == "GET") {
          totalurlstring = this.requestFile + this.queryStringSeparator + this.URLString;
          this.xmlhttp.open(this.method, totalurlstring, true);
        }else if(this.method == "FILE") {
          this.xmlhttp.open(this.method, this.requestFile, true);
          try {
            this.xmlhttp.setRequestHeader("Content-Type", "multipart/form-data")
          } catch (e) { }
        } else {
          this.xmlhttp.open(this.method, this.requestFile, true);
          try {
            this.xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded")
          } catch (e) { }
        }

        this.xmlhttp.onreadystatechange = function() {
          switch (self.xmlhttp.readyState) {
            case 1:
              self.onLoading();
              break;
            case 2:
              self.onLoaded();
              break;
            case 3:
              self.onInteractive();
              break;
            case 4:
              self.response = self.xmlhttp.responseText;
              self.responseXML = self.xmlhttp.responseXML;
              self.responseStatus[0] = self.xmlhttp.status;
              self.responseStatus[1] = self.xmlhttp.statusText;

              if (self.execute) {
                self.runResponse();
              }

              if (self.elementObj) {
                elemNodeName = self.elementObj.nodeName;
                elemNodeName.toLowerCase();
                if (elemNodeName == "input"
                || elemNodeName == "select"
                || elemNodeName == "option"
                || elemNodeName == "textarea") {
                  self.elementObj.value = self.response;
                } else {
                  self.elementObj.innerHTML = self.response;
                }
              }
              if (self.responseStatus[0] == "200") {
                self.onCompletion();
              } else {
                self.onError();
              }

              self.URLString = "";
              break;
          }
        };

        this.xmlhttp.send(this.URLString);
      }
    }
  };

  this.reset();
  this.createAJAX();
}
评论(1) | 引用(0) | 阅读(488)
2008-3-16 21:36
var ajax = new sack();
function getFunc(id)
{
      ajax.setVar("functionId", id); //设置需要传到后台的参数,每个参数都需要一个setVar函数
    ajax.setVar("method", "getFunctionAjax");                 //调用的是Action中的哪个方法?
    ajax.requestFile = "../../functionAction.do";             //调用哪个Action
    ajax.method = "POST";                         //提交到Action时的方法
    ajax.onCompletion = getFunctionInfo;         //ajax交互完需要执行的函数
    ajax.runAJAX();  

}
function getFunctionInfo()
{
    var returnXml = ajax.responseXML;  //ajax返回的xml格式字符串,如果只需要传回无格式文本,则是responseText
    parent.document.forms[0].functionId.value= returnXml.getElementsByTagName("functionId")[0].firstChild.nodeValue;
    if(returnXml.getElementsByTagName("functionName")[0].firstChild.nodeValue!="null")
      parent.document.all.functionName.innerHTML= unescape(returnXml.getElementsByTagName("functionName")[0].firstChild.nodeValue);
    if(returnXml.getElementsByTagName("parentFunctionName")[0].firstChild.nodeValue!="null")
      parent.document.all.parentFunctionName.innerHTML= returnXml.getElementsByTagName("parentFunctionName")[0].firstChild.nodeValue;
    if(returnXml.getElementsByTagName("functionDemo")[0].firstChild.nodeValue!="null")
      parent.document.all.functionDemo.innerHTML= returnXml.getElementsByTagName("functionDemo")[0].firstChild.nodeValue;
    if(returnXml.getElementsByTagName("isMenu")[0].firstChild.nodeValue!="null")
      parent.document.all.isMenu.innerHTML= returnXml.getElementsByTagName("isMenu")[0].firstChild.nodeValue;
    if(returnXml.getElementsByTagName("target")[0].firstChild.nodeValue!="null")
      parent.document.all.target.innerHTML= returnXml.getElementsByTagName("target")[0].firstChild.nodeValue;
    if(returnXml.getElementsByTagName("url")[0].firstChild.nodeValue!="null")
      parent.document.all.url.innerHTML= returnXml.getElementsByTagName("url")[0].firstChild.nodeValue;
    if(returnXml.getElementsByTagName("orderId")[0].firstChild.nodeValue!="null")
      parent.document.all.orderId.innerHTML= returnXml.getElementsByTagName("orderId")[0].firstChild.nodeValue;

}
分页: 1/1 第一页 1 最后页
发表评论
表情
emotemotemotemotemot
emotemotemotemotemot
emotemotemotemotemot
emotemotemotemotemot
emotemotemotemotemot
打开HTML
打开UBB
打开表情
隐藏
记住我
昵称   密码   游客无需密码
网址   电邮   [注册]