Rumah > Soal Jawab > teks badan
比如这样的JSON数据:
{
"title":"xxx",
"context":"demodemodemo",
"author":"ringotc"
}
要转换成:
<p class="post">
<h1>xxx</h1>
<p class="context">
demodemodemo
</p>
<p>Author:ringotc</p>
</p>
如何把JSON数据优雅的(可移植性、简约、明了)的转换成HTML标签?
PHP中文网2017-04-10 14:27:09
还可以使用mustache+jquery:
http://mustache.github.io/
"results":{
"title":"xxx",
"context":"demodemodemo",
"author":"ringotc"
}
$.ajax({
type:"POST",
url:"/app/info",
success:function(data){
var template='{{#results}}<p class="post"><h1>{{title}}</h1><p class="context">{{context}}</p><p>{{author}}</p></p>{{/results}}'; //result是你的json数据游标
var html=Mustache.render(template,data);
$("#info").html(html);
},
dataType:"json"
});
大家讲道理2017-04-10 14:27:09
jQuery 或者 JSLite.io 简单快速的实现
js
var json ={ "title":"xxx", "context":"demodemodemo", "author":"ringotc" } $(' <p class="post"> <h1>'+json.title+'</h1> <p class="context">'+json.context+'</p> <p>'+json.author+'</p> </p> ').append('body')