我使用 mvc4/razor。我需要一个像附加图像一样的弹出窗口。我从 coda 获得了用于创建弹出窗口的 jquery。 http://jqueryfordesigners.com/coda-popup-bubbles/
但是如何从数据库中获取详细信息以将其加载到 jquery 弹出窗口中?
(我以stackoverflow为例创建了这个图像。在将鼠标悬停在“用户名”上时,创建一个带有用户详细信息的弹出窗口)
我使用 mvc4/razor。我需要一个像附加图像一样的弹出窗口。我从 coda 获得了用于创建弹出窗口的 jquery。 http://jqueryfordesigners.com/coda-popup-bubbles/
但是如何从数据库中获取详细信息以将其加载到 jquery 弹出窗口中?
(我以stackoverflow为例创建了这个图像。在将鼠标悬停在“用户名”上时,创建一个带有用户详细信息的弹出窗口)
这是一个很大的问题,一个详细而完整的答案需要很长时间才能有人为你写。但是,我可以为您提供一些入门指南。
实际上,您需要做三件事才能实现您想要做的事情。我建议你一次完成这些,每一步都会让你达到最终目标。
1. 从数据库中检索用户详细信息并显示在视图中,不弹出。
您的第一步是让用户详细信息显示在页面上。从你的问题中不清楚你是否已经可以做到这一点。如果没有,我建议您继续阅读EntityFramework
- 这将使您入门。
2. 让 JQuery 弹出窗口正常工作,无需查询数据库
接下来,使弹出窗口显示一个随机的文本字符串。同样,不清楚您是否已经知道如何执行此操作。如果没有仔细查看您链接的教程并尝试使其正常工作。
3.通过AJAX加载用户详细信息
下一步是能够通过 加载用户详细信息AJAX
,并可能将结果呈现为PartialView
或JSON
格式。谷歌上的一些教程MVC
AJAX
和Partial Views
.
4. 把它们放在一起
你的最后一步是将它们放在一起。您将需要在第 2 步中修改 JQuery 以通过 AJAX 加载用户详细信息,如第 3 步所示。