---
title: "How to show data in a modal(Popup) using Jquery"  
description: "How to show data in a modal(Popup) using Jquery"  
author: "Sachin Singh"  
published: 2016-03-30  
updated: 2016-05-02  
canonical: https://www.mindstick.com/forum/34089/how-to-show-data-in-a-modal-popup-using-jquery  
category: "asp.net mvc"  
tags: ["c#", "asp.net", "jquery", "asp.net mvc", "entity framework", "jquery ui", "razor"]  
reading_time: 1 minute  

---

# How to show data in a modal(Popup) using Jquery

Hi Everyone,\
I want to display all [users](https://www.mindstick.com/news/2244/issue-preventing-users-from-accessing-facebook-s-social-networking-platforms-has-been-resolved) in [model](https://yourviews.mindstick.com/view/81334/america-is-reopening-after-corona-lockdown-but-on-swedish-model)([Popup](https://www.mindstick.com/blog/11734/how-to-create-advanced-popup-or-banners-with-news-images-discounts-in-magento2)) using jQuery.Here, Below my [view](https://yourviews.mindstick.com/view/84701/layoffs-in-google-india-2023-view) [page](https://www.mindstick.com/articles/13031/why-to-make-a-wikipedia-page) [code](https://yourviews.mindstick.com/view/85458/alan-turing-the-mastermind-behind-cracking-the-enigma-code-during-world-war-ii) is:

```
@{    ViewBag.Title = "Users";    <script src="~/Scripts/jquery-1.8.2.min.js"></script>    <script src="~/Scripts/jquery-ui-1.8.24.js"></script>    <link href="~/Content/Site.css" rel="stylesheet" />    <link href="~/Content/themes/base/jquery.ui.all.css" rel="stylesheet" />}@Html.ActionLink("All
Users", "User", "Home", null, new{    @class = "openDialog",    data_dialog_id = "aboutDialog",    data_dialog_title = "About Us"})<div id="aboutDialog"><h2>Users</h2><p>    //....................  </p><p><a href="javascript:void(0);" class="close">Close
this Window</a></p>    </div> <script type="text/javascript">    $.ajaxSetup({ cache: false });    $(document).ready(function () {        $(".openDialog").live("click", function (e) {            e.preventDefault();            $("<div></div>")                .addClass("dialog")                .attr("id", $(this)                .attr("data-dialog-id"))                .appendTo("body")                .dialog({                    title: $(this).attr("data-dialog-title"),                    close: function () { $(this).remove(); },                    modal: true,                    height: 250,                    width: 400,                    left: 0                 })            .load(this.href);        });         $(".close").live("click", function (e) {            e.preventDefault();            $(this).closest(".dialog").dialog("close");        });    });</script>
```

Please Can [anyone give me](https://answers.mindstick.com/qa/41194/can-anyone-give-me-some-high-and-low-points-of-each-of-the-four-first-presidential-administrations) a solution.

Thank you.

## Replies

### Reply by Anupam Mishra

Hi Sachin,\
[CURD Operations in ASP.NET MVC using jQuery dialog with EF](https://www.mindstick.com/Articles/12006/curd-operations-in-asp-dot-net-mvc-using-jquery-dialog-with-ef) articles is very useful for the above problem.\


---

Original Source: https://www.mindstick.com/forum/34089/how-to-show-data-in-a-modal-popup-using-jquery

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.