你的位置:首页 > Java教程

[Java教程]Ajax封装库


<script type="text/javascript">var AjaxUtil = {     // 基础选项  options : {    method : "get", // 默认提交的方法,get post    url : "", // 请求的路径 required    params : {}, // 请求的参数    type : 'text', // 返回的内容的类型,text,    callback : function() {    }// 回调函数 required  },     // 创建  createRequest : function() {    var try {      = new ActiveXObject("Ms");// IE6以上版本    } catch (e) {      try {        = new ActiveXObject("Microsoft.");// IE6以下版本      } catch (e) {        try {          = new if ("text/");          }        } catch (e) {          alert("您的浏览器不支持Ajax");        }      }    }    return // 设置基础选项  setOptions : function(newOptions) {    for ( var pro in newOptions) {      this.options[pro] = newOptions[pro];    }  },  // 格式化请求参数  formateParameters : function() {    var paramsArray = [];    var params = this.options.params;    for ( var pro in params) {      var paramValue = params[pro];       /*if(this.options.method.toUpperCase() === "GET")      {        paramValue = encodeURIComponent(params[pro]);      }*/      paramsArray.push(pro + "=" + paramValue);    }    return paramsArray.join("&");    // method=get&url=&callback=&type=text  },     // 状态改变的处理  readystatechange : function(// 获取返回值    var returnValue;    if (== 4 && == 200) {      switch (this.options.type) {      case "":        returnValue = break;      case "json":        var jsonText = if(jsonText){          returnValue = eval("(" + jsonText + ")");        }        break;      default:        returnValue = break;      }      if (returnValue) {        this.options.callback.call(this, returnValue);      } else {        this.options.callback.call(this);      }    }  },     // 发送Ajax请求  //{'method':'get'}  request : function(options) {    var ajaxObj = this;       // 设置参数    ajaxObj.setOptions.call(ajaxObj, options);       // 创建    var = ajaxObj.createRequest.call(ajaxObj);       // 设置回调函数    = function() {      ajaxObj.readystatechange.call(ajaxObj, // 格式化参数    var formateParams = ajaxObj.formateParameters.call(ajaxObj);       // 请求的方式    var method = ajaxObj.options.method;    var url = ajaxObj.options.url;       if ("GET" === method.toUpperCase()) {      url += "?" + formateParams;    }       // 建立连接    true);       if ("GET" === method.toUpperCase()) {      null);    } else if ("POST" === method.toUpperCase()) {      // 如果是POST提交,设置请求头信息      "Content-Type",          "application/x-www-form-urlencoded");      function $(id) {    return document.getElementById(id);  }  function process(json){      if(json){        $("id").value = json.id;        $("username").value = json.username;        $("age").value = json.age;      }      else{        $("msg").value = "用户不存在";        $("id").value = "";        $("username").value = "";        $("age").value = "";      }  } function findUser() {    var userid = $("userid").value;    if (userid) {      AjaxUtil.request({        url:"ajax-07.txt",        params:{id:userid},        type:'json',        callback:process      });    }  } </script>