我使用mvc4/razor.I需要一個類似於附加圖像的彈出窗口。 我得到了從創建彈出式窗口的jquery。 http://jqueryfordesigners.com/coda-popup-bubbles/將數據從數據庫加載到jQuery popup
但如何從數據庫中獲取詳細信息將其加載到jquery彈出窗口?
(我創造了這個攝像計算器作爲example.On鼠標懸停在「用戶名」,創建具有的UserDetails一個彈出)
我使用mvc4/razor.I需要一個類似於附加圖像的彈出窗口。 我得到了從創建彈出式窗口的jquery。 http://jqueryfordesigners.com/coda-popup-bubbles/將數據從數據庫加載到jQuery popup
但如何從數據庫中獲取詳細信息將其加載到jquery彈出窗口?
(我創造了這個攝像計算器作爲example.On鼠標懸停在「用戶名」,創建具有的UserDetails一個彈出)
這是一個很大的問題,並詳細而完整的答案需要很長時間纔能有人爲你寫信。但是,我可以爲您提供一些入門指南。
你需要做的三件事情才能實現你正在做的事情。我建議你按時完成這些工作,並且每一步都會幫助你達到最終目標。
1.從數據庫中檢索用戶詳細信息並在視圖中顯示,而不彈出。
您的第一步是獲取用戶詳細信息以顯示在頁面上。你的問題還不清楚你是否可以做到這一點。如果沒有,我建議你閱讀EntityFramework
- 這會讓你開始。
2.獲取的JQuery彈出的工作,不查詢數據庫
下一步,彈出顯示文本的一個隨機字符串。再次,目前還不清楚你是否已經知道如何做到這一點。如果沒有仔細看看你鏈接到的教程,並試着讓它工作。
3.裝載用戶細節通過AJAX
下一步是能夠經由AJAX
加載用戶的詳細信息,並且可能使結果作爲PartialView
,或者也許在JSON
格式。谷歌的一些教程MVC
AJAX
和Partial Views
。
4.全部放在一起
你的最後一步將是把它放在一起。您將需要修改步驟2中的JQuery,以通過AJAX加載用戶詳細信息,如步驟3所示。