作者amazing2014 (別斷線拜託)
看板Web_Design
標題[問題] 請問如何讓select只更新部分區塊資料
時間Sat Aug 29 17:18:08 2015
http://jsfiddle.net/esp7kbwp/2/
請問有什麼方法可以只讓select HttpGet一次，
讓option可以在多次selected HttpPost，
連資料庫抓該部分的資料回傳到div #list
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 1.171.2.100
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Web_Design/M.1440839892.A.A50.html
1F：推 alog: 透過js或後端把所有可能查詢的結果 08/29 17:41
2F：→ alog: 印在前端script tag裡（以陣列或json字串存放做簡單ca 08/29 17:41
3F：→ alog: che 08/29 17:41
4F：→ alog: 傾印在上面時需做html或js的跳脫 08/29 17:42
5F：→ alog: 然後你當要select特定的option就從cache裡找資料 08/29 17:43
6F：→ alog: 再根據你得到的資料post給瀏覽器 拿你要資料庫資料就 08/29 17:43
7F：→ alog: 好 08/29 17:43
8F：→ alog: 另外在補充 你若熟jquery 的話 是比較建議把cache的資 08/29 17:46
9F：→ alog: 料以json形式放在select上 用data-自訂名稱存在上面 08/29 17:46
10F：→ alog: jquery就可以直接用 $(....).data('指定名稱') 08/29 17:47
11F：→ alog: 直接得到一個object方便去存取json資料 08/29 17:47
好的，
但是這樣資料不就都在Client端，
會不會有安全性問題?
是不是不適合用來做資料常常會變動的查詢?
如果可以讓Client Get/Post多次，
select option的html code能不能不要重載，
只更新div #list就好?
※ 編輯: amazing2014 (1.171.2.100), 08/29/2015 18:00:04
12F：→ alog: 只要可以查的資料在網路上本身就是有問題 08/29 18:46
13F：→ alog: 即使不要用這種方式 你應該也要對出來的資料進行篩選 08/29 18:48
14F：→ alog: 資料常常變動你就改用ajax的方式loading進來就好 08/29 18:49
15F：→ alog: 然後吐資料的那端做cache 08/29 18:49
16F：→ alog: 接著每次select過的資料就做cache 08/29 18:50
17F：→ alog: 下次使用者選擇的資料就從client端cache起來的部分抓 08/29 18:51
18F：→ alog: 就好 08/29 18:51
19F：→ alog: 早期 yahoo跟google做搜尋bar的自動完成的 08/29 18:52
20F：→ alog: 兩者有一部分的差別就在這個細節裡 08/29 18:52
我懂了，謝謝!
※ 編輯: amazing2014 (1.171.2.100), 08/29/2015 19:08:35