prototype与jquery下Ajax实现的差别


Posted in Javascript onSeptember 13, 2009

先列举一下Ajax在Jquery和prototype中的实现。
Jquery:

<script language="javascript"> 
$(function(){ 
var box = {}; 
var remoteUrl = 'index.php'; 
box.interval = 5*60*1000;//5分钟 
box.showBoxInfo = function() { 
jQuery.get(remoteUrl, function(data){ 
var msg_box = $('#msg_box'); 
msg_box.innerHTML = data; 
} 
}); 
} 
box.run = function(){ 
this.showBoxInfo(); 
setInterval(this.showBoxInfo,this.interval); 
}; 
box.run(); 
}) 
</script>

prototype:
<script language="javascript"> 
var box = {}; 
box.interval = 5*60*1000;//5分钟 
box.showBoxInfo = function(){ 
var pars = ""; 
var remoteUrl = 'index.php'; 
var myAjax = new Ajax.Request( 
remoteUrl, 
{ 
method: 'get', 
parameters: pars, 
onComplete: box.showResponse 
}); 
}; 
box.showResponse = function(data){ 
var msg_box = $("msg_box") ; 
msg_box.innerHTML = data.responseText; 
}; 
box.run = function(){ 
this.showBoxInfo(); 
setInterval(this.showBoxInfo,this.interval); 
}; 
box.run(); 
</script>

实际在引入setInterval函数后prototype却不能刷新,这是为什么呢?
原来是prototype对于相同的URL有缓存机制,应此不能刷新页面,特别是在用户使用F5或点击“刷新”后,会出现Ajax响应区空白的bug,这样就必须让prototype不刷新。
对于prototype中的URL添加随机数
原:var remoteUrl = 'index.php';
修改后:var remoteUrl = 'index.php?rand='+Math.random();
使用GET方式产生一个与页面显示无关的参数即可。
Javascript 相关文章推荐
javascript iframe编程相关代码
Dec 28 Javascript
浅谈Javascript如何实现匀速运动
Dec 19 Javascript
javascript+html5实现仿flash滚动播放图片的方法
Apr 27 Javascript
javascript垃圾收集机制的原理分析
Dec 08 Javascript
浅谈ES6 模板字符串的具体使用方法
Nov 07 Javascript
JS非行间样式获取函数的实例代码
Jun 05 Javascript
JavaScript封装的常用工具类库bee.js用法详解【经典类库】
Sep 03 Javascript
React性能优化系列之减少props改变的实现方法
Jan 17 Javascript
基于layui轮播图满屏是高度自适应的解决方法
Sep 16 Javascript
vue实现短信验证码登录功能(流程详解)
Dec 10 Javascript
JS eval代码快速解密实例解析
Apr 23 Javascript
VUE使用draggable实现组件拖拽
Apr 06 Vue.js
JS 参数传递的实际应用代码分析
Sep 13 #Javascript
javascript类继承机制的原理分析
Sep 12 #Javascript
javascript 类定义的4种方法
Sep 12 #Javascript
一个简单的javascript类定义例子
Sep 12 #Javascript
一个简单的JavaScript 日期计算算法
Sep 11 #Javascript
关于javascript 回调函数中变量作用域的讨论
Sep 11 #Javascript
javascript 一些用法小结
Sep 11 #Javascript
You might like
PHP+SQL 注入攻击的技术实现以及预防办法
2011/01/27 PHP
PHP使用PDO抽象层获取查询结果的方法示例
2018/05/10 PHP
php多进程应用场景实例详解
2019/07/22 PHP
php设计模式之职责链模式定义与用法经典示例
2019/09/19 PHP
javascript setTimeout()传递函数参数(包括传递对象参数)
2010/04/07 Javascript
javascript开发技术大全-第3章 js数据类型
2011/07/03 Javascript
JQuery学习笔录 简单的JQuery
2012/04/09 Javascript
一个背景云变换js特效 鼠标移动背景云变化
2012/12/28 Javascript
javascript屏蔽右键代码
2014/05/15 Javascript
基于百度地图api清除指定覆盖物(Overlay)的方法
2018/01/26 Javascript
vue.js数据绑定操作详解
2018/04/23 Javascript
JavaScript反射与依赖注入实例详解
2018/05/29 Javascript
详解用vue2.x版本+adminLTE开源框架搭建后台应用模版
2019/03/15 Javascript
基于elementUI实现图片预览组件的示例代码
2019/03/31 Javascript
JS如何把字符串转换成json
2020/02/21 Javascript
用python删除java文件头上版权信息的方法
2014/07/31 Python
提升Python程序运行效率的6个方法
2015/03/31 Python
Python多进程并发与多线程并发编程实例总结
2018/02/08 Python
PyQt5每天必学之事件与信号
2018/04/20 Python
python让列表倒序输出的实例
2018/06/25 Python
python 实现矩阵按对角线打印
2019/11/29 Python
python将三维数组展开成二维数组的实现
2019/11/30 Python
使用HTML5和CSS3制作一个模态框的示例
2018/03/07 HTML / CSS
员工入职担保书范文
2014/04/01 职场文书
保密工作责任书
2014/04/16 职场文书
培训协议书范本
2014/04/22 职场文书
关于环保的活动方案
2014/08/25 职场文书
2014年军人思想汇报范文
2014/10/12 职场文书
2014年大学生村官工作总结
2014/11/19 职场文书
英语导游词
2015/02/13 职场文书
营运督导岗位职责
2015/04/10 职场文书
党员转正党支部意见
2015/06/02 职场文书
社会实践单位意见
2015/06/05 职场文书
高二数学教学反思
2016/02/18 职场文书
2016年机关单位节能宣传周活动总结
2016/04/05 职场文书
Java 中的 Unsafe 魔法类的作用大全
2021/06/26 Java/Android