2010-01-15 46 views
1

我正在做一个项目,它使用javascript从基于用户在字段中输入的文本(用Python编写并使用Django界面)获取信息(查询每个键入),然后显示该信息。基本上,这显示“找不到工作”或显示该工作的名称,用户名和余额。在Firefox中,这一切都很好。我可以输入一个JobID,它告诉我这个ID是新的,我可以创建这个工作。然后,我可以立即回到页面并输入该ID,并且我的查找将返回有关该作业的正确信息。IE缓存问题打破了我的查询字段

事情是,Internet Explorer 8是懒惰的。如果我在IE8中输入工作ID,我的函数会调用查找页面(/ deposits/orglookup /?q = 123)并获取一个值。因此,例如,如果它变为False,那么我可以使用该ID创建一个新作业。如果我然后浏览并在同一个查找字段中输入相同的数字,Internet Explorer将不刷新查找页面,因此它会再次返回false。如果我浏览到该查找页面,则会看到错误的值,但如果我刷新它,我会再次获得正确的信息。任何想法如何我可以强制这个查询每次我输入我的查阅字段,而不是像IE浏览器缓存页面?

我会补充一点,它不会让我在每个用户的基础上解决这个问题,因为这是一个组织范围的应用程序,所以我真的可以使用修复程序,我可以写入我的代码强制IE浏览器实际上每次应该刷新查找页面。

下面是查找功能的代码,如果有帮助的话。这有点乱,但我没有写,所以我会尝试包括所有相关的东西:

$("#id_JobID").keyup( 

    function(event){ 

     //only fire gets on 0-9, kp 0-9, backspace, and delete 
     if (event.keyCode in { 96:1, 97:1, 98:1, 99:1, 100:1, 101:1, 102:1, 103:1, 104:1, 105:1, 
           46:1,48:1, 49:1, 50:1, 51:1, 52:1, 53:1, 54:1, 55:1, 56:1, 57:1, 8:1}) 
     { 

      if ($("#loadimg").attr("src") != "/static/icons/loading.gif") { 
       $("#loadimg").attr("src", "/static/icons/loading.gif"); 
      } 

      if ($("#loadimg").length < 1) { 
       $("#id_JobID").parent().append("<img id=loadimg src=/static/icons/loading.gif>"); 
      } 

      clearTimeouts(null); //clear all existing timeouts to stop any running lookups 
      GetCounter++; 
      currLoc = window.location.href.slice(window.location.href.indexOf('?') + 1).split('/').slice(-2,-1); 

      if (currLoc == 'restorebatch') { 
       var TimeoutId = setTimeout(function() {dynamicSearch('restorelookup');}, 400); 
      } else { 
       var TimeoutId = setTimeout(function() {dynamicSearch('orglookup');}, 400); 
      } 

      //alert(TimeoutID); 
      TimeoutBag[GetCounter] = { 
       'RequestNumber': GetCounter, 
       'TimeoutId': TimeoutId 
      } 
     } 
    } 
); 

function clearTimeouts(TimeoutBagKeys) //TimeoutBagKeys is an array that contains keys into the TimeoutBag of Timeout's you want to clear 
{ 
    if(TimeoutBagKeys == null) //if TimeoutBagKeys is null, clear all timeouts. 
    { 
     for (var i = 0; i < TimeoutBag.length; i++) 
     { 
      if (TimeoutBag[i] != null) { 
      clearTimeout(TimeoutBag[i].TimeoutId); 
      } 
     } 
    } 
    else //otherwise, an array of keys for the timeout bag has been passed in. clear those timeouts. 
    { 
     var ClearedIdsString = ""; 
     for (var i = 0; i < TimeoutBagKeys.length; i++) 
     { 
      if (TimeoutBag[TimeoutBagKeys[i]] != null) 
      { 
       clearTimeout(TimeoutBag[TimeoutBagKeys[i]].TimeoutId); 
       ClearedIdsString += TimeoutBag[TimeoutBagKeys[i]].TimeoutId; 
      } 
     }   
    } 
} 
function dynamicSearch(viewname) { 

     $(".lookup_info").slideUp(); 


     if ($("#id_JobID").val().length >= 3) { 
      var orgLookupUrl = "/deposits/" + viewname + "/?q=" + $("#id_JobID").val(); 
       getBatchInfo(orgLookupUrl); 

     } 
     else if ($("#id_JobID").val().length == 0) { 
      $("#loadimg").attr("src", "/static/icons/blank.gif"); 
      $(".lookup_info").slideUp(); 
     } 
     else { 
      $("#loadimg").attr("src", "/static/icons/loading.gif"); 
      $(".lookup_info").slideUp(); 
     } 
} 
function getBatchInfo(orgLookupUrl) { 
       $.get(orgLookupUrl, function(data){ 
        if (data == "False") { 
         $("#loadimg").attr("src", "/static/icons/red_x.png"); 
         $(".lookup_info").html("No batch found - creating new batch."); 
         $("#lookup_submit").val("Create"); 
         $(".lookup_info").slideDown(); 
         toggleDepInputs("on"); 
        } 
        else { 
         $("#loadimg").attr("src", "/static/icons/green_check.png"); 
         $("#lookup_submit").val("Submit"); 
         $(".lookup_info").html(data); 
         $(".lookup_info").slideDown() 
         toggleDepInputs("off"); 
        }; 
       }); 
} 

回答

0

您需要使每个请求的URL都是唯一的。失败的方法是引入新的GET参数,其中有一个时间戳作为它的值 - 因此URL对于每个请求都是唯一的,因为时间戳总是在变化,所以IE无法缓存它。

url = "/deposits/orglookup/?q=123&t=" + new Date().getTime() 

所以不是只有一个参数(q),你现在有两个(qt),但因为服务器通常不关心回合额外的参数,然后它的一切权利

1

有三种解决这个:

要么

  • 使用.post的$,而不是$不用彷徨
  • 为您的网址添加一个随机GET参数,例如?“更新= 10202203930489”(当然,它需要不同的每个请求)
  • 或通过发送正确的报头(if-modified-since
0

一个技巧,往往工作原理是追加禁止在服务器端缓存作为查询字符串参数的查询url的时间戳,从而在每次发出请求时都会生成一个唯一的url。

VAR orgLookupUrl = “/存款/” + 视图名+ “/ Q =” + $( “#id_JobID”)。VAL()+ “&时间=” +新的Date()。的getTime ();;