使用JSON文件中的html标记读取内容并以javascript格式显示

时间:2014-08-27 13:30:18

标签: javascript jquery json html5

我有JSON文件,其中包含要在我的移动应用程序中显示的标签和内容。

我使用$ .getJSON在我的项目中本地读取JSON文件。它将返回JSON对象。使用该对象我在Javascript中显示标签/文本内容。在显示带有html字符的内容时,它没有正确加载,仍然显示html字符。

JSON内容

 "CONSENT_EMAIL_REQUEST_BODY"  :   "Please read the below content <br> Welcome to the project <br> you can now use the application."

如果我尝试在javascript中打印CONSENT_EMAIL_REQUEST_BODY的值,它仍会显示

  Please read the below content <br> Welcome to the project <br> you can now use the application.

它没有逐行显示,因为它正在显示。如何替换这些html字符以在移动设备/浏览器中正确显示。

2 个答案:

答案 0 :(得分:1)

在打印之前,您必须使用&#39; \ n&#39;。

替换换行符

假设您将内容带到变量mycontent,那么您可以这样做:

mycontent = mycontent.replace(/<br\s*\/?>/mg,"\n");

然后打印我的内容。那就是它。

答案 1 :(得分:0)

使用以下代码对我有用:

var json =  jQuery.parseJSON( '{"CONSENT_EMAIL_REQUEST_BODY"  :   "Please read the below content <br> Welcome to the project <br> you can now use the application."}');

$("span").html(json.CONSENT_EMAIL_REQUEST_BODY);

您是否使用.text()代替.html()

演示小提琴:http://jsfiddle.net/lparcerisa/q3hmjg7w/