這篇文章主要介紹了EasyUI中datagrid在ie下reload失敗解決方案，結(jié)合網(wǎng)上搜集來的幾種方案，最終解決了這個(gè)問題，分享給大家，希望對(duì)大家能夠有所幫助。
問題
最近使用EasyUI開發(fā)后臺(tái)系統(tǒng)，測(cè)試時(shí)發(fā)現(xiàn)個(gè)奇葩的問題，$('dg').datagrid('reload'); 重新加載表格數(shù)據(jù)時(shí)，ie下一點(diǎn)反應(yīng)都沒有。后來發(fā)現(xiàn)其實(shí)并不是沒有反應(yīng)，而是瀏覽器使用了緩存。
解決方案
網(wǎng)上網(wǎng)友總結(jié)出來的解決方案有以下幾種：
1.在url后加時(shí)間戳，使第一次加載和reload中訪問的url不一致，使系統(tǒng)無法使用IE緩存。通過測(cè)試發(fā)現(xiàn)，EasyUI請(qǐng)求時(shí)后面已經(jīng)自帶一串隨機(jī)數(shù)_145232xxx,但是ie還是會(huì)使用緩存。后來我在請(qǐng)求的js中為url加上rand=xxx(Math.rand()生成的隨機(jī)數(shù))就不會(huì)使用緩存了。（我測(cè)試了從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">
很不幸，跟很多網(wǎng)友一樣，這個(gè)方法我也失敗了。：（
3.將datagrid的load對(duì)應(yīng)的method聲明為‘POST'，這個(gè)解決方法最快。但是有有幾個(gè)問題：
•要是該服務(wù)端接口不支持POST方式就歇菜了。
•要是服務(wù)端接口自己能控制，這種為了前端妥協(xié)的方式，會(huì)導(dǎo)致接口一點(diǎn)也不RESTful！要知道RESTful接口對(duì)于查詢的設(shè)計(jì)基本上都是GET方式的。
總結(jié)
所以說還是第一種方法，在url自己加隨機(jī)數(shù)好用，原諒我代碼潔癖不想改服務(wù)端接口 _(:з」∠)_。
更多信息請(qǐng)查看IT技術(shù)專欄
版權(quán)所有:易賢網(wǎng)
公眾號(hào)
事業(yè)單位
當(dāng)前位置：
公考類
招聘類
各類考試