Ajax类

最新推荐文章于 2024-10-11 12:31:25 发布

转载最新推荐文章于 2024-10-11 12:31:25 发布 · 978 阅读

文章标签：

#ajax #function #xmlhttprequest #url #null #date

Ajax 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一种使用Ajax技术实现网页与服务器之间异步数据交换的方法。通过定义Ajax类，采用post和get方式发送请求，并处理返回的数据。文章提供了具体的实现代码，包括创建XMLHttpRequest对象、设置请求参数及响应处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用方法
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){
返回数据处理函数;
}

程序代码

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("您所请求的页面有异常。");
}
}
}