您现在的位置: 华玉生活网 >> 网站建设 >> 建设 >> 正文>> 繁体中文

网页特效:一个简单实用的Ajax通用类

  今天写了一个Ajax的通用类,完全是基于目前我所应用到的ajax范畴而做的,代码不长就100来行

  关于这个类的主要功能如下:

  1.兼容各种浏览器的高低版本

  2.解决IE浏览器的缓存问题

  3.建立了一个XMLHttp对象回收容器,当有空闲的对象的时候就调用,否则就重新创建一个,不会造成资源浪费

  4.建立了一个XMLHttp对象通道,如果指定了对象的通道名字,那么当第二次调用该通道的对象时,一旦该通道仍然处于请求状态,函数将停止运行

  对于这个类的使用十分的简单,示例如下:

  var url = 'http://www.applelife.cn';

  var data = '';

  var callback = function back(obj){ alert(obj.responseText); }

  Request.reSend(url,data,callback);

  上面的前2个参数是必须的,其他的可选

  url 代表发送请求的页面地址

  data 代表发送的内容,如果为""则采用GET方式,否则为POST

  callback 是回调函数,它的参数就一个XMLHttp对象。如果你的后台页面生成的是XML格式,就采用obj.responseXML;如果生成的是字符串,就采用obj.responseText

  介绍下第四个参数chunnel

  当一个页面的某个版块需要频繁的发送XMLHttp请求的话,如果上次发送的请求还没完成,下次请求又使用另外一个XMLHttp对象发送的话,这样就造成的XMLHttp请求的重叠,对于网络资源是比较大的消耗;或者你想这个版块的XMLHttp请求按照顺序的一个个发送;

  这时chunnel就起到作用了,设定通道的名字,一旦上次的请求还没完成,那么这次reSend函数将停止退出,示例如下:

  var url = 'http://www.applelife.cn';

  var data = '';

  var callback = function back(obj){ alert(obj.responseText); }

  var chunnel = 'apple';

  var timer = setInterval( 'Request.reSend(url,data,callback,chunnel)', 1000);

  目前的功能不太多,以后有时间会逐渐增加进一步完善,如果您发现BUG欢迎指导.

  Download


  • 扩展阅读
  • 上一篇文章:
  • 【返回网站首页】 【返回建设】
  • 下一篇文章:
  • 【字体: 】【】【发表评论】【加入收藏】【告诉好友】【打印此文
    文章 软件 电影 商品

    相关文章

    网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)

    | 服务声明 | 充值中心| 华安五金电器 | 收费标准| 论坛| 留言| 实用查询| 会员中心| 下载帮助| 设为首页|

    技术支持:瑞达科技 即时交谈QQ:237013889 QQ群:13810759 E-Mail:237013889@qq.com
    非盈利网站,如有侵权,请来信来电告知,第一时间处理,谢谢!
    桂ICP备17008104号 华玉生活网网站统计
    tj