javascript - 从动态填充的 Json 对象呈现原始 HTML 数据

Question

我有一个复杂的 Json 数据作为模型的一部分作为字符串出现。

在准备好文档时，我正在借助以下代码将一些 JSON 解析为 Javascript 对象：

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

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

在评估上述语句后，我想让 div 可见并在我的 HTML 正文中存在的 @Html.Raw() 中插入此代码。

例如：

<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);
        }
};

Answer 1

要将 Html Dynamicaly 放置在 div 中，请尝试如下：

$("#divID").html(JSON.parse($('#myData').val()));