[問題] 請問如何讓select只更新部分區塊資料

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