欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

prototype與jquery下Ajax實(shí)現(xiàn)的差別

 更新時(shí)間：2009年09月13日 21:28:56   作者：  
Ajax技術(shù)在web中應(yīng)用的相當(dāng)廣泛,最近項(xiàng)目需要用到Ajax，由于主站所用的是Jquey，而某個(gè)欄目的開發(fā)用的是prototype，這樣一來就必須對(duì)JS代碼做調(diào)整了。
先列舉一下Ajax在Jquery和prototype中的實(shí)現(xiàn)。
Jquery：
復(fù)制代碼 代碼如下:

<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:
復(fù)制代碼 代碼如下:

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

實(shí)際在引入setInterval函數(shù)后prototype卻不能刷新，這是為什么呢？
原來是prototype對(duì)于相同的URL有緩存機(jī)制，應(yīng)此不能刷新頁(yè)面，特別是在用戶使用F5或點(diǎn)擊“刷新”后，會(huì)出現(xiàn)Ajax響應(yīng)區(qū)空白的bug，這樣就必須讓prototype不刷新。
對(duì)于prototype中的URL添加隨機(jī)數(shù)
原：var remoteUrl = 'index.php';
修改后：var remoteUrl = 'index.php?rand='+Math.random();
使用GET方式產(chǎn)生一個(gè)與頁(yè)面顯示無關(guān)的參數(shù)即可。

相關(guān)文章

  • Javascript實(shí)現(xiàn)禁止輸入中文或英文的例子

    Javascript實(shí)現(xiàn)禁止輸入中文或英文的例子

    這篇文章主要介紹了Javascript實(shí)現(xiàn)禁止輸入中文或英文的方法實(shí)例,本文方法都是使用正則表達(dá)式實(shí)現(xiàn),需要的朋友可以參考下
    2014-12-12
  • 使用GruntJS鏈接與壓縮多個(gè)JavaScript文件過程詳解

    使用GruntJS鏈接與壓縮多個(gè)JavaScript文件過程詳解

    怎么把多個(gè)JS文件搞成一個(gè)啊，GruntJS – JavaScript多文件編譯，風(fēng)格檢查，鏈接與壓縮神器，使用過程如下，有需要的朋友可以參考下，希望對(duì)大家有所幫助
    2013-08-08
  • JS中的substring和substr函數(shù)的區(qū)別說明

    JS中的substring和substr函數(shù)的區(qū)別說明

    stringObject.substring(start,stop)與substr(start,length)有什么區(qū)別，下面為大家詳細(xì)介紹下，感興趣的朋友可以參考下哈
    2013-05-05
  • 使用Fuse.js實(shí)現(xiàn)高效的模糊搜索功能

    使用Fuse.js實(shí)現(xiàn)高效的模糊搜索功能

    在現(xiàn)代?Web?應(yīng)用程序中,實(shí)現(xiàn)高效的搜索功能是至關(guān)重要的,Fuse.js?是一個(gè)強(qiáng)大的?JavaScript?庫(kù),它提供了靈活的模糊搜索和文本匹配功能,使您能夠輕松實(shí)現(xiàn)出色的搜索體驗(yàn),文中代碼示例講解的非常詳細(xì),需要的朋友可以參考下
    2024-01-01
  • js實(shí)現(xiàn)頁(yè)面導(dǎo)航層級(jí)指示效果

    js實(shí)現(xiàn)頁(yè)面導(dǎo)航層級(jí)指示效果

    這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)頁(yè)面導(dǎo)航層級(jí)指示效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2020-08-08
  • 利用純JS實(shí)現(xiàn)像素逐漸顯示的方法示例

    利用純JS實(shí)現(xiàn)像素逐漸顯示的方法示例

    這篇文章主要給大家介紹了利用純JS實(shí)現(xiàn)像素逐漸顯示的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面跟著小編來一起學(xué)習(xí)學(xué)習(xí)吧。
    2017-08-08
  • 基于對(duì)象合并功能的實(shí)現(xiàn)示例

    基于對(duì)象合并功能的實(shí)現(xiàn)示例

    下面小編就為大家?guī)硪黄趯?duì)象合并功能的實(shí)現(xiàn)示例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2017-10-10
  • JavaScript取得gridview中獲取checkbox選中的值

    JavaScript取得gridview中獲取checkbox選中的值

    這篇文章主要介紹了 js取得gridview中獲取checkbox選中的值,本文給大家分享兩段代碼片段，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
    2017-07-07
  • select標(biāo)簽設(shè)置默認(rèn)選中的選項(xiàng)方法

    select標(biāo)簽設(shè)置默認(rèn)選中的選項(xiàng)方法

    下面小編就為大家分享一篇select標(biāo)簽設(shè)置默認(rèn)選中的選項(xiàng)方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
    2018-03-03
  • JavaScript經(jīng)典效果集錦

    JavaScript經(jīng)典效果集錦

    網(wǎng)上收集的一些經(jīng)典特效，這里因?yàn)槠^長(zhǎng)，不加整理了，想運(yùn)行的代碼的朋友可以點(diǎn)擊textarea中，全選復(fù)制即可。
    2010-07-07

最新評(píng)論