从动态填充的Json对象渲染原始HTML数据

时间:2013-09-02 15:42:51

标签: javascript jquery asp.net-mvc

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

在Document ready上我借助以下代码将一些JSON解析为Javascript对象:

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

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

我想让div可见&amp;在上面的语句被评估之后,在我的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);
        }
};

1 个答案:

答案 0 :(得分:1)

将Html动态放置在div中,请尝试如下:

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