DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> EasyUI中datagrid在ie下reload失敗解決方案
EasyUI中datagrid在ie下reload失敗解決方案
編輯:關於JavaScript     

問題

最近使用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自己加隨機數好用,原諒我代碼潔癖不想改服務端接口 _(:з」∠)_。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved