[問題] ajax頻繁取得資料後 網頁js執行變很慢

看板Ajax作者 (______)時間5年前 (2019/08/30 20:06), 5年前編輯推噓4(4010)
留言14則, 9人參與, 5年前最新討論串1/1
我大概是這樣寫 var data1 = {}; var data2 = {}; ajax function(){ data1 = response.table1 data2 = response.table2 } 然後網頁有mouse座標互動的event 會去讀取data1,2 然後顯示資訊在div上 在頻繁執行ajax function()後 互動的event會越來越慢... 像這種要怎麼處理比較好呢? thx -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 36.230.34.172 (臺灣) ※ 文章網址: https://www.ptt.cc/bbs/Ajax/M.1567166799.A.1D5.html

08/30 20:18, 5年前 , 1F
mouse event 的 callback 有做什麼複雜運算的事嗎
08/30 20:18, 1F
會用loop去讀取data 找到資料後就break 速度一直都很ok 但最近新增了頻繁取得資料的功能後 就會漸漸變慢 @@" ※ 編輯: void0 (36.230.34.172 臺灣), 08/30/2019 20:25:09

08/30 20:26, 5年前 , 2F
應該跟 ajax 沒關係,但沒看到你怎麼顯示資料的 code 很難
08/30 20:26, 2F

08/30 20:27, 5年前 , 3F
給建議,通常是卡在你畫面上顯示資料的方式不對導致物件太
08/30 20:27, 3F

08/30 20:27, 5年前 , 4F
多影響效能之類的
08/30 20:27, 4F
顯示資料的code如上所述 就是loop data,找到資料後更新div html 比較運算的部分是要去計算轉換網頁的xy跟data內的xy對應,但也不是甚麼複雜運算 data的內容都是少量增加的 沒有一次增加到無法負荷 dom物件並沒有增加 一直都是更新同一個div 變慢的部分是該div會跟著滑鼠游標跑 會變得更不上 所以才在想為何更新資料十多次以上後 會變慢?

08/30 23:39, 5年前 , 5F
我會用Rx.js並優化流程(cache之類的)
08/30 23:39, 5F
※ 編輯: void0 (36.230.34.172 臺灣), 08/31/2019 20:47:14

08/31 21:48, 5年前 , 6F
沒 code 的話只能隔空抓藥囉
08/31 21:48, 6F

09/01 00:08, 5年前 , 7F
先問個為什麼要loop好了
09/01 00:08, 7F

09/01 22:48, 5年前 , 8F
ajax能同時執行的數量有限,超過就要排隊
09/01 22:48, 8F

09/02 15:59, 5年前 , 9F
沒code看 猜有重複註冊問題
09/02 15:59, 9F

09/02 17:59, 5年前 , 10F
取到資料用完主動清空看看~
09/02 17:59, 10F

10/07 11:10, 5年前 , 11F
這題有興趣, 但沒 code.... =_=
10/07 11:10, 11F

10/07 11:11, 5年前 , 12F
你高頻是多高頻....AJAX 收到後有做什麼處理
10/07 11:11, 12F

10/07 11:12, 5年前 , 13F
還是你有 ajax memory leak ?
10/07 11:12, 13F

11/01 21:06, 5年前 , 14F
大概是loop沒寫好 網頁元素變多就會頓了
11/01 21:06, 14F
文章代碼(AID): #1TQH5F7L (Ajax)
文章代碼(AID): #1TQH5F7L (Ajax)