先列举一下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方式产生一个与页面显示无关的参数即可。

　　推荐阅读

　　IE与Firefox在JavaScript上的7个不同写法小结

在这篇文章中，作者介绍了7个在IE和Firefox中不同的JavaScript句法。 1. CSS "float" 值 访问一个给定CSS 值的最基本句法是： object.style.property ，使用驼峰写法来替换有连接符的值，例如，访问某个ID为"heade>>>详细阅读

本文标题：prototype与jquery下Ajax实现的差别

地址：http://www.17bianji.com/kaifa2/JS/28140.html

 1/2    1