一个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>

相关文章

  • 一个奇怪的问题使用ajax提交必须alert才能赋值

    一个奇怪的问题使用ajax提交必须alert才能赋值

    在使用ajax提交的时候将返回值赋给一个变量,无论怎么写都没法赋值,刚开始怀疑js有错但是ie没有反应过来,多次清缓存、部程序都没效果
    2014-01-01
  • 浅析Ajax的 原理及优缺点

    浅析Ajax的 原理及优缺点

    本文从ajax技术的背景、原理、ajax的名字,ajax所包含的技术等方面展开话题,介绍ajax的原理及优缺点。本文关于ajax的原理及优缺点介绍的非常详细,具有参考借鉴价值,感兴趣的小伙伴一起学习吧
    2016-04-04
  • ajax请求post和get的区别以及get post的选择

    ajax请求post和get的区别以及get post的选择

    这篇文章主要介绍了ajax请求post和get的区别以及get post的选择,需要的朋友可以参考下
    2014-06-06
  • ajax异步请求刷新

    ajax异步请求刷新

    ajax刷新是一种用户体验良好的刷新方式,这篇文章主要介绍了ajax异步请求刷新,感兴趣的小伙伴们可以参考一下
    2016-08-08
  • AJAX跨域请求数据的四种方法(实例讲解)

    AJAX跨域请求数据的四种方法(实例讲解)

    下面小编就为大家带来一篇AJAX跨域请求数据的四种方法(实例讲解)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-07-07
  • ajax提交手机号去数据库验证并返回状态值

    ajax提交手机号去数据库验证并返回状态值

    这篇文章主要为大家详细介绍了ajax提交手机号去数据库验证并返回状态值的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-01-01
  • 解决spring mvc 返回json数据到ajax报错parseerror问题

    解决spring mvc 返回json数据到ajax报错parseerror问题

    最近使用ajax接收spring mvc传过来的json数据时总是出现parseerror的错误,下面通过本文给大家分享spring mvc 返回json数据到ajax报错parseerror问题的解决方法,需要的朋友参考下吧
    2017-05-05
  • Ajax和跨域问题深入解析

    Ajax和跨域问题深入解析

    这篇文章主要为大家详细介绍了Ajax和跨域问题,告诉大家什么Ajax,什么是跨域?具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-04-04
  • 发现个AJAX图片浏览器SIMPLEVIEWER

    发现个AJAX图片浏览器SIMPLEVIEWER

    发现个AJAX图片浏览器SIMPLEVIEWER...
    2007-04-04
  • ajax中data传参的两种方式分析

    ajax中data传参的两种方式分析

    这篇文章主要介绍了ajax中data传参的两种方式,结合实例形式简单分析了ajax参数传递的POST与GET方式,非常简单实用,需要的朋友可以参考下
    2015-12-12

最新评论