【问题标题】:Load data from database to jQuery popup将数据从数据库加载到 jQuery 弹出窗口
【发布时间】:2013-06-16 18:26:09
【问题描述】:

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

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

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

【问题讨论】:

    标签: jquery asp.net-mvc jquery-plugins popup


    【解决方案1】:

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

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

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

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

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

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

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

    下一步是能够通过AJAX 加载用户详细信息,并可能以PartialViewJSON 格式呈现结果。谷歌一些关于MVCAJAXPartial Views的教程。

    4.把它们放在一起

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

    【讨论】:

      猜你喜欢
      • 2018-09-02
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2020-07-24
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多