萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> EasyUI中datagrid在ie下reload失敗解決方案

EasyUI中datagrid在ie下reload失敗解決方案

 這篇文章主要介紹了EasyUI中datagrid在ie下reload失敗解決方案,結合網上搜集來的幾種方案,最終解決了這個問題,分享給大家,希望對大家能夠有所幫助。

   

問題

最近使用EasyUI開發後台系統,測試時發現個奇葩的問題,$('dg').datagrid('reload'); 重新加載表格數據時,ie下一點反應都沒有。後來發現其實並不是沒有反應,而是浏覽器使用了緩存。

解決方案

網上網友總結出來的解決方案有以下幾種:

1.在url後加時間戳,使第一次加載和reload中訪問的url不一致,使系統無法使用IE緩存。通過測試發現,EasyUI請求時後面已經自帶一串隨機數_145232xxx,但是ie還是會使用緩存。後來我在請求的js中為url加上rand=xxx(Math.rand()生成的隨機數)就不會使用緩存了。(我測試了從ie8到ie11)

2.用類似於在<head>中加<meta>來清除緩存:

 

代碼如下:
<META HTTP-EQUIV="pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">

 

很不幸,跟很多網友一樣,這個方法我也失敗了。:(

3.將datagrid的load對應的method聲明為‘POST',這個解決方法最快。但是有有幾個問題:
•要是該服務端接口不支持POST方式就歇菜了。
•要是服務端接口自己能控制,這種為了前端妥協的方式,會導致接口一點也不RESTful!要知道RESTful接口對於查詢的設計基本上都是GET方式的。

總結

所以說還是第一種方法,在url自己加隨機數好用,原諒我代碼潔癖不想改服務端接口 _(:з」∠)_。

copyright © 萬盛學電腦網 all rights reserved