将数据从数据库加载到jQuery弹出窗口

Question

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

但是如何从数据库中获取细节以将其加载到jquery弹出窗口中？

（我创建此图像以stackoverflow为例。鼠标悬停在“用户名”上，创建一个带有userdetails的弹出窗口）

Answer 1

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

为了达到你想要做的目的，你真的需要做三件事。我建议你按时完成这些工作，每一步都会让你达到最终目标。

<强> 1。从数据库中检索用户详细信息并在视图中显示，而不显示弹出窗口。

您的第一步是让用户详细信息显示在页面上。您的问题尚不清楚您是否可以这样做。如果没有，我建议你阅读EntityFramework - 这会让你开始。

<强> 2。无需查询数据库即可获得JQuery弹出窗口

接下来，使弹出窗口显示随机的文本字符串。同样，目前还不清楚你是否已经知道如何做到这一点。如果没有仔细查看您链接的教程并尝试使其正常工作。

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

下一步是能够通过AJAX加载用户详细信息，并可能将结果呈现为PartialView，或者可能采用JSON格式。 Google针对MVC AJAX和Partial Views。

的一些教程

<强> 4。全部放在一起

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