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

Posted 2023-05-09

【中文标题】将数据从数据库加载到 jQuery 弹出窗口

【英文标题】：Load data from database to jQuery popup

【发布时间】：2013-06-16 18:26:09

【问题描述】：

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

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

（我以***为例创建了这个图像。鼠标悬停在“用户名”上时，会创建一个包含用户详细信息的弹出窗口）

【参考方案1】：

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

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

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

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

2。让 JQuery 弹出窗口正常工作，而不查询数据库

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

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

下一步是能够通过AJAX 加载用户详细信息，并可能以PartialView 或JSON 格式呈现结果。谷歌一些关于MVCAJAX和Partial Views的教程。

4.把它们放在一起

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