呈现来自动态填充的Json对象的原始HTML数据

Rendering Raw HTML data from a dynamically populated Json object

本文关键字：Json 对象 HTML 数据 原始 填充 动态      更新时间：2023-09-26

我有一个复杂的Json数据，作为Model的一部分，作为字符串。

在Document ready上，我在以下代码的帮助下将一些JSON解析为Javascript对象：

    JSON.parse($('#myData').val());

我正在评估JS函数中的一些条件&获取原始HTML字符串（类似于：<h2><strong>Note :</strong> No Data found for the selection made</h2>）

我想让div可见&将此代码插入@Html.Raw（）中，该代码在评估上述语句后出现在我的Html主体中。

例如：

<div id="divNoDataFoundMessage" style="display: none">
     <span class="" style="padding-right: 100px;">
      @{ 
           @Html.Raw()
       }
    </span>
 </div>

请帮助我如何替换document.ready中的数据以动态显示它。

<input type="hidden" value="@Model.MyListData"  id="myData"/>
 $(document).ready(function () {
        var jsonData = JSON.parse($('#myData').val());
        if (jsonData.NoDriversFound != "") {
            $("#divNoDataFoundMessage").show();
            $("#divNoDataFoundMessage span").text(jsonData.NoDriversFound);
        }
};

要在div中动态放置Html，请尝试以下操作：

$("#divID").html(JSON.parse($('#myData').val()));
相关文章：