解決在IE11瀏覽器下,JQuery的AJAX方法不響應問題

-Advertisement-

在項目的時候一直都是在使用谷歌瀏覽器在調試,後來在現場部署到伺服器上的時候,客戶使用的是IE瀏覽器,版本是11 在測試的過程中,出現幾個問題,雖然是幾個問題,但是問題的原因就是AJAX第一次響應,第二次就不在響應例如:下拉框的數據第一次載入會通過AJAX調用後端方法,但是第二次之後就不在調用後端 ...

在項目的時候一直都是在使用谷歌瀏覽器在調試,後來在現場部署到伺服器上的時候,客戶使用的是IE瀏覽器,版本是11

在測試的過程中,出現幾個問題,雖然是幾個問題,但是問題的原因就是AJAX第一次響應,第二次就不在響應

例如:下拉框的數據第一次載入會通過AJAX調用後端方法,但是第二次之後就不在調用後端

問題原因:

IE的瀏覽器緩存機制不大好,為了防止AJAX的不停的提交,當參數沒有改變的時候,將不再響應AJAX,會直接返回.

就是IE對於相同的參數,只會請求一次

解決方法:

使用AJAX傳遞參數的時候,我們可以傳遞一個隨機數,來保證每次請求的參數都不相同,可以使用時間戳,也可以使用隨機函數

只需要保證請求的參數不一致,後端無需接收

您的分享是我們最大的動力!

-Advertisement-

更多相關文章

Vue+Webpack之代碼及打包優化

本文重點介紹Vue單頁面應用的優化手段：非同步載入面切換時加loading特效點擊延遲 inline manifest 邏輯代碼優化依賴包體積優化 cdn引用 Vue代碼優化非同步載入所謂的非同步載入組件，其實就是組件懶載入。可以理解為：當我需要使用組件的時候才進行載入。主要包含兩部分：路由配 ...
JS---動畫函數封裝：設置任意的一個元素,移動到指定的目標位置

動畫函數封裝：設置任意的一個元素,移動到指定的目標位置 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>title</title> <style> div{ width: 200px; height: 200 ...
JS---案例：移動元素，封裝動畫函數

案例：移動元素，封裝動畫函數 1. div要移動,要脫離文檔流 position:absolute 2. 如果樣式的代碼是在style的標簽中設置,外面是獲取不到 3. 如果樣式的代碼是在style的屬性設置,外面是可以獲取 4. 獲取div的當前位置 console.log(my$("dv").o ...
JS---案例：設置div的寬度

案例：設置div的寬度 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>title</title> <style> * { margin: 0; padding: 0; } div { width: 200p ...
JS---案例：點擊按鈕設置div背景色漸變

案例：點擊按鈕設置div背景色漸變背景色漸變：設置透明度 <div id="dv"></div> <input type="button" value="漸變" id="btn" /> <script src="common.js"></script> <script> my$("btn").on ...
JS---案例：協議按鈕禁用（倒計時）

案例：協議按鈕倒計時和禁用 <textarea name="texta" id="" cols="30" rows="10"> 這個世界就是這麼瘋狂,你不同意,我就讓你註冊,秦始皇,打錢 </textarea> <input type="button" value="請仔細閱讀協議(5)" id=" ...
JS---另一個定時器：一次性的

之前學的定時器：setInterval和清除定時器 clearInterval(定時器id); //常用的,反覆的執行 window.setInterval(function () { alert("哈哈"); }, 1000); window.clearInterval(定時器id);//清理定時 ...
angular8 導出excel文件

angular package 1、xlsx npm install xlsx --save 2、file-saver npm install file-saver --save npm install @types/file-saver --save 3、實現導出多個sheet的數據 export ...