1

我使用 mvc4/razor。我需要一个像附加图像一样的弹出窗口。我从 coda 获得了用于创建弹出窗口的 jquery。 http://jqueryfordesigners.com/coda-popup-bubbles/

但是如何从数据库中获取详细信息以将其加载到 jquery 弹出窗口中?

(我以stackoverflow为例创建了这个图像。在将鼠标悬停在“用户名”上时,创建一个带有用户详细信息的弹出窗口)

在此处输入图像描述

4

1 回答 1

2

这是一个很大的问题,一个详细而完整的答案需要很长时间才能有人为你写。但是,我可以为您提供一些入门指南。

实际上,您需要做三件事才能实现您想要做的事情。我建议你一次完成这些,每一步都会让你达到最终目标。

1. 从数据库中检索用户详细信息并显示在视图中,不弹出。

您的第一步是让用户详细信息显示在页面上。从你的问题中不清楚你是否已经可以做到这一点。如果没有,我建议您继续阅读EntityFramework- 这将使您入门。

2. 让 JQuery 弹出窗口正常工作,无需查询数据库

接下来,使弹出窗口显示一个随机的文本字符串。同样,不清楚您是否已经知道如何执行此操作。如果没有仔细查看您链接的教程并尝试使其正常工作。

3.通过AJAX加载用户详细信息

下一步是能够通过 加载用户详细信息AJAX,并可能将结果呈现为PartialViewJSON格式。谷歌上的一些教程MVC AJAXPartial Views.

4. 把它们放在一起

你的最后一步是将它们放在一起。您将需要在第 2 步中修改 JQuery 以通过 AJAX 加载用户详细信息,如第 3 步所示。

于 2013-06-20T04:28:41.140 回答