一个Ajax类

 更新时间:2006年12月25日 00:00:00   作者:  
程序代码:
<script type="text/javascript">
function Ajax(sUrl,sRecvTyp,sQueryString,oResultFunc) {
this.Url = sUrl;
this.QueryString = sQueryString;
this.XmlHttp = this.createXMLHttpRequest();
if (this.XmlHttp == null) {
alert("erro");
return;
}
var objxml = this.XmlHttp;
objxml.onreadystatechange = function (){Ajax.handleStateChange(objxml,sRecvTyp,oResultFunc)};
}

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.QueryString;
return queryString;
}

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

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

Ajax.handleStateChange = function (XmlHttp,sRecvTyp,oResultFunc) {
if (XmlHttp.readyState == 4) {
if (XmlHttp.status == 200) {
oResultFunc(sRecvTyp?XmlHttp.responseXML:XmlHttp.responseText);
} else {
alert("您所请求的页面有异常。");
}
}
}
</script>



使用方法:
<script type="text/javascript">
var classAjax = new Ajax(sUrl,sRecvTyp,sQueryString,oResultFunc);
classAjax.post();//post方式发送数据
classAjax.get();//get方式发送数据
//sUrl发送地址
//sRecvTyp 接受数据类型:0为xml 1为text
//oResultFunc 返回结果处理函数
</script>

应用实例:
<script type="text/javascript">
var ajax1 = new Ajax("1.asp",0,"id="+id,bacal);
ajax1.post();
function bacal(rexm){
//返回数据处理函数;
}
</script>

相关文章

  • 基于h5 ajax实现手机定位(demo)

    基于h5 ajax实现手机定位(demo)

    最近没有项目做,正有朋友请帮忙实现手机定位功能,实现方法有很多种,我是用h5和ajax实现的手机定位,只是个demo,后续还要继续完善的,在此分享给大家,需要的朋友可以参考下
    2015-09-09
  • Ajax请求跨域问题解决方案分析

    Ajax请求跨域问题解决方案分析

    这篇文章主要介绍了Ajax请求跨域问题解决方案,结合具体实例形式分析了Ajax请求跨域问题的原理、解决方法及相关操作注意事项,需要的朋友可以参考下
    2019-05-05
  • AJAX中文乱码解决新方法分享

    AJAX中文乱码解决新方法分享

    用过AJAX的朋友肯定知道javascript是使用UTF-8国际编码,即每个汉字用3个字节来存储,但是这就造成了用AJAX来send数据的时候出现乱码。
    2014-05-05
  • Ajax与JSON的一些学习总结

    Ajax与JSON的一些学习总结

    Ajax技术的核心是XMLHttpRequest对象(简称XHR),可以通过使用XHR对象获取到服务器的数据,然后再通过DOM将数据插入到页面中呈现。虽然名字中包含XML,但Ajax通讯与数据格式无关,所以我们的数据格式可以是XML或JSON等格式
    2012-08-08
  • ajax动态为a标签href赋值不执行跳转的原因分析及解决

    ajax动态为a标签href赋值不执行跳转的原因分析及解决

    ajax 动态为a标签的href属性赋值,总是不执行跳转的原因想必大家有遇到过吧,下面与大家分享下具体的解决方法,希望对你有所帮助
    2013-06-06
  • 在实战中可能碰到的几种ajax请求方法详解

    在实战中可能碰到的几种ajax请求方法详解

    这篇文章主要给大家分享了在实战中可能碰到的几种ajax请求方法,文中通过示例代码介绍的非常详细,对大家具有一定的参考价值,需要的朋友们下面来一起看看吧。
    2017-03-03
  • AJAXCALL

    AJAXCALL

    AJAXCALL...
    2007-02-02
  • 关于ajax的多次请求问题

    关于ajax的多次请求问题

    下面小编就为大家带来一篇关于ajax的多次请求问题。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-10-10
  • 使用ajax操作JavaScript 对象详解

    使用ajax操作JavaScript 对象详解

    这篇文章主要介绍了使用ajax操作JavaScript 对象的相关资料,需要的朋友可以参考下
    2015-01-01
  • ajax返回的json内容进行排序使用sort()方法实现

    ajax返回的json内容进行排序使用sort()方法实现

    关于ajax返回的json内容进行排序,主要使用sort()对数组的元素进行排序,具体实现如下,感兴趣的朋友可以参考下哈,希望对大家有所帮助
    2013-07-07

最新评论