在部分视图中创建动态数据,然后返回html

时间:2018-12-04 07:49:56

标签: asp.net-mvc

我正在尝试将来自数据库的动态数据加载到html部分视图中,然后将其显示在引导模式窗口中

我在模式罚款中显示了静态html:

我目前正在使用此代码

$.ajax({
    type: "POST",
    async: false,
      url: "@Url.Action("CameraImage", "Home")",
    data: "{'myId': '" + this.specialId + "'}",
    contentType: "application/json; charset=utf-8",
    dataType: "json",

    success: function (data) {
        $("#modal-body").html(data);
        $("#myModal").modal("show");
    },
    error: function () {
        alert('error!');
    }
})

然后在家庭控制器中

 [HttpPost]
        public PartialViewResult CameraImage(int myId)
        {
            //var requestedImageData = processData.LoadGraphImageData(myId);

            return PartialView("~/Views/Home/CameraImage.cshtml");
        }

这正在工作,并将静态数据返回到弹出模式窗口

这是我坚持的下一点 我需要传递ID并提取与该ID相关的数据,然后将该HTML传递给模式。

我已经将ID传递给了家庭控制器,但是我不确定如何显示html

在家庭控制器中,此行将日期时间,图像位置和其他一些数据字符串存入对象:

var requestedImageData = processData.LoadGraphImageData(myId);

目标是将格式化的html返回模态,即

<div id="image">image pic goes here</div>
<div id="imageDate">12th jan 2016</div>
<div id="otherString">otherString goes here</div>

目前,我用于partialview的cshtml仅具有静态文本:

  

这是局部视图

我不确定如何使用来自对象的数据(imageLocation,imageDate等)在partialview html中显示动态数据

可能是一个基本问题,但是MVC对我来说还是很新的,所以对您的帮助不胜感激

0 个答案:

没有答案