EasyUI中datagrid在ie下reload失敗解決方案
問題
最近使用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ù)端接口 _(:з」∠)_。
- jQuery EasyUI API 中文文檔 - DataGrid數(shù)據(jù)表格
- Jquery下EasyUI組件中的DataGrid結(jié)果集清空方法
- 擴(kuò)展easyui.datagrid,添加數(shù)據(jù)loading遮罩效果代碼
- jQuery easyui datagrid動(dòng)態(tài)查詢數(shù)據(jù)實(shí)例講解
- jQuery EasyUI datagrid實(shí)現(xiàn)本地分頁(yè)的方法
- JQueryEasyUI datagrid框架的基本使用
- ASP.NET MVC使用EasyUI的datagrid多選提交保存教程
- jQuery EasyUI之DataGrid使用實(shí)例詳解
- PHP – EasyUI DataGrid 資料存的方式介紹
- Jquery EasyUI Datagrid右鍵菜單實(shí)現(xiàn)方法
相關(guān)文章
詳細(xì)解讀Jquery各Ajax函數(shù)($.get(),$.post(),$.ajax(),$.getJSON())
這篇文章主要介紹了詳細(xì)解讀Jquery各Ajax函數(shù)($.get(),$.post(),$.ajax(),$.getJSON())的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-08-08jQuery 點(diǎn)擊圖片跳轉(zhuǎn)上一張或下一張功能的實(shí)現(xiàn)代碼
jQuery獲取當(dāng)前鼠標(biāo)相對(duì)位置坐標(biāo)和點(diǎn)擊圖片跳轉(zhuǎn)上一張或下一張功能2010-03-03利用jquery.qrcode在頁(yè)面上生成二維碼且支持中文
這篇文章主要介紹了利用jquery.qrcode在頁(yè)面上生成二維碼且支持中文。需要的朋友可以過來參考下,希望對(duì)大家有所幫助2014-02-02jQuery實(shí)現(xiàn)返回頂部按鈕和scroll滾動(dòng)功能[帶動(dòng)畫效果]
這篇文章主要介紹了jQuery實(shí)現(xiàn)返回頂部按鈕和scroll滾動(dòng)功能[帶動(dòng)畫效果],需要的朋友可以參考下2017-07-07jQuery實(shí)現(xiàn)仿騰訊迷你首頁(yè)選項(xiàng)卡效果代碼
這篇文章主要介紹了jQuery實(shí)現(xiàn)仿騰訊迷你首頁(yè)選項(xiàng)卡效果代碼,可實(shí)現(xiàn)tab切換按鈕的左右滑動(dòng)顯示及點(diǎn)擊切換效果,涉及jQuery基于鼠標(biāo)事件實(shí)現(xiàn)頁(yè)面元素動(dòng)態(tài)操作技巧,需要的朋友可以參考下2015-09-09jQuery中event.target和this的區(qū)別詳解
這篇文章主要介紹了jQuery中event.target和this的區(qū)別詳解,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08jQuery和HTML對(duì)某個(gè)標(biāo)簽設(shè)置只讀或者禁用屬性的方式
這篇文章主要介紹了jQuery和HTML對(duì)某個(gè)標(biāo)簽設(shè)置只讀或者禁用屬性的方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-02-02