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对象的支持
Jul 25 Javascript
用jQuery打造TabPanel效果代码
May 22 Javascript
angularJS 中$attrs方法使用指南
Feb 09 Javascript
简介AngularJS的视图功能应用
Jun 17 Javascript
微信小程序视图template模板引用的实例详解
Sep 20 Javascript
React Native时间转换格式工具类分享
Oct 24 Javascript
JavaScript实现写入文件到本地的方法【基于FileSaver.js插件】
Mar 15 Javascript
关于Angularjs中自定义指令一些有价值的细节和技巧小结
Apr 22 Javascript
webpack3升级到webpack4遇到问题总结
Sep 30 Javascript
解决vue项目刷新后,导航菜单高亮显示的位置不对问题
Nov 01 Javascript
vue实现权限控制路由(vue-router 动态添加路由)
Nov 04 Javascript
weui上传多图片,压缩,base64编码的示例代码
Jun 22 Javascript
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会员权限控制实现原理分析
2011/05/29 PHP
php使用escapeshellarg时中文被过滤的解决方法
2016/07/10 PHP
PHP互换两个变量值的方法(不用第三变量)
2016/11/14 PHP
PHP中abstract(抽象)、final(最终)和static(静态)原理与用法详解
2020/06/05 PHP
ASP.NET jQuery 实例2 (表单中使用回车在TextBox之间向下移动)
2012/01/13 Javascript
javascript通过className来获取元素的简单示例代码
2014/01/10 Javascript
jquery跟js初始化加载的多种方法及区别介绍
2014/04/02 Javascript
JavaScript charCodeAt方法入门实例(用于取得指定位置字符的Unicode编码)
2014/10/17 Javascript
怎样判断jQuery当前元素是隐藏还是显示
2016/11/23 Javascript
nodejs密码加密中生成随机数的实例代码
2017/07/17 NodeJs
p5.js入门教程之小球动画示例代码
2018/03/15 Javascript
Javascript的console['']常用输入方法汇总
2018/04/26 Javascript
jQuery实现的简单手风琴效果示例
2018/08/29 jQuery
微信小程序出现wx.getLocation再次授权问题的解决方法分析
2019/01/16 Javascript
微信小程序日历插件代码实例
2019/12/04 Javascript
解决ant Design中Select设置initialValue时的大坑
2020/10/29 Javascript
详解Python import方法引入模块的实例
2017/08/02 Python
用Python实现KNN分类算法
2017/12/22 Python
python操作excel文件并输出txt文件的实例
2018/07/10 Python
pygame实现俄罗斯方块游戏(基础篇1)
2019/10/29 Python
flask框架渲染Jinja模板与传入模板变量操作详解
2020/01/25 Python
python内打印变量之%和f的实例
2020/02/19 Python
Python MySQL 日期时间格式化作为参数的操作
2020/03/02 Python
pycharm进入时每次都是insert模式的解决方式
2021/02/05 Python
台湾乐天市场:日本No.1的网路购物网站
2017/03/22 全球购物
如何删除一个表里面的重复行
2013/07/13 面试题
中文系学生自荐信范文
2013/11/13 职场文书
大学社团活动策划书
2014/01/26 职场文书
《回乡偶书》教学反思
2014/04/12 职场文书
社区综治宣传月活动总结
2014/07/02 职场文书
2015年安全生产工作总结范文
2015/04/02 职场文书
2015年电厂工作总结范文
2015/05/13 职场文书
重阳节简报
2015/07/20 职场文书
离职告别感言
2015/08/04 职场文书
python获取淘宝服务器时间的代码示例
2021/04/22 Python
CSS3实现的侧滑菜单
2021/04/27 HTML / CSS