EasyUI中datagrid在ie下reload失敗解決方案
問(wèn)題
最近使用EasyUI開發(fā)后臺(tái)系統(tǒng)，測(cè)試時(shí)發(fā)現(xiàn)個(gè)奇葩的問(wèn)題，$('dg').datagrid('reload'); 重新加載表格數(shù)據(jù)時(shí)，ie下一點(diǎn)反應(yīng)都沒有。后來(lái)發(fā)現(xiàn)其實(shí)并不是沒有反應(yīng)，而是瀏覽器使用了緩存。
解決方案
網(wǎng)上網(wǎng)友總結(jié)出來(lái)的解決方案有以下幾種：
1.在url后加時(shí)間戳，使第一次加載和reload中訪問(wèn)的url不一致，使系統(tǒng)無(wú)法使用IE緩存。通過(guò)測(cè)試發(fā)現(xiàn)，EasyUI請(qǐng)求時(shí)后面已經(jīng)自帶一串隨機(jī)數(shù)_145232xxx,但是ie還是會(huì)使用緩存。后來(lái)我在請(qǐng)求的js中為url加上rand=xxx(Math.rand()生成的隨機(jī)數(shù))就不會(huì)使用緩存了。（我測(cè)試了從ie8到ie11）
2.用類似于在<head>中加<meta>來(lái)清除緩存:
<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èn)題：
•要是該服務(wù)端接口不支持POST方式就歇菜了。
•要是服務(wù)端接口自己能控制，這種為了前端妥協(xié)的方式，會(huì)導(dǎo)致接口一點(diǎn)也不RESTful！要知道RESTful接口對(duì)于查詢的設(shè)計(jì)基本上都是GET方式的。
總結(jié)
所以說(shuō)還是第一種方法，在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)文章
each()函數(shù)是基本上所有的框架都提供了的一個(gè)工具類函數(shù)，通過(guò)它，你可以遍歷對(duì)象、數(shù)組的屬性值并進(jìn)行處理，jQuery和jQuery對(duì)象都實(shí)現(xiàn)了該方法，下面是使用方法2014-03-03
本文給大家介紹jquery效果大全之制作電腦健康體檢得分特效，并附有源碼下載，對(duì)jquery效果大全感興趣的朋友一起學(xué)習(xí)吧2015-11-11
這篇文章主要介紹了jQuery Html控件基本操作(日常收集整理)的相關(guān)資料,需要的朋友可以參考下2016-03-03
Colortip基于jquery的信息提示框插件在IE6下面的顯示問(wèn)題修正方法
今天看到了MK的這篇文章，然后其中的Colortip這個(gè)jQuery插件引起了我的注意，倒不是因?yàn)樗缕妫俏抑翱吹竭^(guò)，沒想到它就成了2010年最佳之一了2010-12-12
jquery判斷頁(yè)面網(wǎng)址是否有效的兩種方法
本文主要對(duì)jquery判斷頁(yè)面網(wǎng)址是否有效的兩種方法：jQuery方法；AJAX XMLHTTP方法；需要的朋友可以參考借鑒下2016-12-12
jQuery實(shí)現(xiàn)最簡(jiǎn)單實(shí)用的分秒倒計(jì)時(shí)
jquery實(shí)現(xiàn)網(wǎng)站超鏈接和圖片提示效果