萬盛學電腦網 >> 腳本專題 >> 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自己加隨機數好用，原諒我代碼潔癖不想改服務端接口 _(:з」∠)_。
javascript排行
程序編程推薦
相關文章
圖片文章
copyright © 萬盛學電腦網 all rights reserved