ajax 常用函数和类的使用

来源：互联网发布：高晓松加拿大知乎编辑：程序博客网时间：2024/04/30 21:33

以前是三个比较常用的函数,先从别的地方copy过来,希望对自己今后的学习有帮助:

var xmlHttp
function createXMLHttpRequest(){
if (window.ActiveXObject){
  xmlHttp = new ActiveXObject("Microsoft.XMLHttp");
}
else if (windows.XMLHttpRequest){
  xmlHttp = new XMLHttpRequest();
}
}
function startRequest(){
createXMLHttpRequest();
xmlHttp.onreadystatechange = handleStateChange;
xmlHttp.open("GET","innerHTML.xml",true);
xmlHttp.send(null);
}
function handleStateChange(){
if(xmlHttp.readyState == 4){
   if(xmlHttp.status == 200){
   document.getElementById("results").innerHTML = xmlHttp.responseText;
   }
}
}
Trackback: http://tb.blog.csdn.net/TrackBack.aspx?PostId=666871

ajax的类的使用方法
var classajax = new Ajax(url,recvT,stringS,resultF);
classajax.post();//post方式发送数据
classajax.get();//get方式发送数据
url发送地址 recvT 接受数据类型 0为xml 1为text resultF 返回结果处理函数

例
var ajax1 = new Ajax("1.asp",0,"id="+id,bacal);
ajax1.post();
function bacal(rexm){
返回数据处理函数;
}

程序代码

function Ajax(url,recvT,stringS,resultF) {
this.url = url;
this.stringS = stringS;
this.xmlHttp = this.createXMLHttpRequest();
if (this.xmlHttp == null) {
  alert("erro");
return;
}
var objxml = this.xmlHttp;
objxml.onreadystatechange = function (){Ajax.handleStateChange(objxml,recvT,resultF)};
}

Ajax.prototype.createXMLHttpRequest = function() {
try { return new ActiveXObject("Msxml2.XMLHTTP"); } catch(e) {}
try { return new ActiveXObject("Microsoft.XMLHTTP"); } catch(e) {}
try { return new XMLHttpRequest(); } catch(e) {}
return null;
}

Ajax.prototype.createQueryString = function () {
var queryString = this.stringS;
return queryString;
}

Ajax.prototype.get = function () {
url = this.url;
var queryString = url+"?timeStamp=" + new Date().getTime() + "&" + this.createQueryString();
this.xmlHttp.open("GET",queryString,true);
this.xmlHttp.send(null);
}

Ajax.prototype.post = function() {
url = this.url;
var url = url + "?timeStamp=" + new Date().getTime();
var queryString = this.createQueryString();
this.xmlHttp.open("POST",url,true);
this.xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
this.xmlHttp.send(queryString);
}

Ajax.handleStateChange = function (xmlHttp,recvT,resultF) {
if (xmlHttp.readyState == 4) {
  if (xmlHttp.status == 200) {
  resultF(recvT?xmlHttp.responseXML:xmlHttp.responseText);
  } else {
  alert("您所请求的页面有异常。");
  }
}
}使用方法
var classajax = new Ajax(url,recvT,stringS,resultF);
classajax.post();//post方式发送数据
classajax.get();//get方式发送数据
url发送地址 recvT 接受数据类型 0为xml 1为text resultF 返回结果处理函数

例
var ajax1 = new Ajax("1.asp",0,"id="+id,bacal);
ajax1.post();
function bacal(rexm){
返回数据处理函数;
}

程序代码

function Ajax(url,recvT,stringS,resultF) {
this.url = url;
this.stringS = stringS;
this.xmlHttp = this.createXMLHttpRequest();
if (this.xmlHttp == null) {
  alert("erro");
return;
}
var objxml = this.xmlHttp;
objxml.onreadystatechange = function (){Ajax.handleStateChange(objxml,recvT,resultF)};
}

Ajax.prototype.createXMLHttpRequest = function() {
try { return new ActiveXObject("Msxml2.XMLHTTP"); } catch(e) {}
try { return new ActiveXObject("Microsoft.XMLHTTP"); } catch(e) {}
try { return new XMLHttpRequest(); } catch(e) {}
return null;
}

Ajax.prototype.createQueryString = function () {
var queryString = this.stringS;
return queryString;
}

Ajax.prototype.get = function () {
url = this.url;
var queryString = url+"?timeStamp=" + new Date().getTime() + "&" + this.createQueryString();
this.xmlHttp.open("GET",queryString,true);
this.xmlHttp.send(null);
}

Ajax.prototype.post = function() {
url = this.url;
var url = url + "?timeStamp=" + new Date().getTime();
var queryString = this.createQueryString();
this.xmlHttp.open("POST",url,true);
this.xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
this.xmlHttp.send(queryString);
}

Ajax.handleStateChange = function (xmlHttp,recvT,resultF) {
if (xmlHttp.readyState == 4) {
  if (xmlHttp.status == 200) {
  resultF(recvT?xmlHttp.responseXML:xmlHttp.responseText);
  } else {
  alert("您所请求的页面有异常。");
  }
}
}
Trackback: http://tb.blog.csdn.net/TrackBack.aspx?PostId=740623