⑴ 如何優雅的把jsON轉換成HTML標簽
jQuery 或者 JSLite.io 簡單快速的實專現屬
var json ={
"title":"xxx",
"context":"demodemodemo",
"author":"ringotc"
}
$('
<div class="post"> <h1>'+json.title+'</h1> <div class="context">'+json.context+'</div> <p>'+json.author+'</p> </div>
').append('body')
⑵ JSON格式轉HTML格式。急！！！
json只是一個字元串，有順序的keyvalue字元串。你說的轉html恐怕也是firefox自己定義的格式的html吧。。。
你不妨直接打開json文件，然後看看裡面的條目；
⑶ 怎樣將json格式的數據輸出到html頁面
<html>
<head>
<meta http-equiv=content-type content="text/html;charset=GBK">
</head>
<body>
<table border=0 cellspacing=0 cellpadding=0>
<tr>
<td id="a">sdfsd</td>
</tr>
<tr>
<td id="b">sdfsdf</td>
</tr>
<tr>
<td id="c">sdfsd</td>
</tr>
<tr>
<td id="d">sdfsdf</td>
</tr>
</table>
</body>
<script>
var jsonStr = "{\"a\":\"內容\", \"b\":\"內容2\",\"c\":\"內容3\",\"d\":\"內容4\"}";
var jsonObj = eval("(" + jsonStr + ")");
for(var property in jsonObj){
var nodeObj = document.getElementById(property);
if(nodeObj)
nodeObj.childNodes[0].nodeValue = jsonObj[property];
}
</script>
</html>
⑷ json文件怎麼轉換成html格式
import java.io.BufferedReader;
import java.io.File;
import java.io.FileInputStream;
import java.io.FileNotFoundException;
import java.io.FileOutputStream;
import java.io.FileWriter;
import java.io.IOException;
import java.io.InputStream;
import java.io.InputStreamReader;
/**
* java讀寫文件
* 讀取d:/1.txt文件內容,寫入f:/text.txt文件中.
*
* 寫入文件換行用.write("\r\n");
* 或者fw.write("\n");
* @author young
*
*/
public class FileWriterTest {
// 讀寫文件
public static void rwFile(){
FileWriter fw = null;
BufferedReader br = null;
try {
// 定義FileWriter對象，關聯文件f:\text.txt，用來向文件寫內容
fw = new FileWriter("f:\\text.txt", true);
// 定義bufferedReader對象，用來讀取d:\1.txt文件內容
br = new BufferedReader(new InputStreamReader(
new FileInputStream("d:\\1.html"), "UTF-8"));
String line = null;
// 每次讀取一行內容，循環讀取，讀到文件末尾結束
while ((line = br.readLine()) != null) {
System.out.println("文件內容: " + line);
fw.write(line);
// 刷新緩沖流，
fw.flush();
}
// 關閉I/O流
br.close();
} catch (FileNotFoundException e) {
e.printStackTrace();
} catch (IOException e) {
e.printStackTrace();
} finally {
if (fw != null) {
try {
fw.close();
} catch (IOException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
}
}
}
public static void main(String[] args) {
rwFile();
}
}
⑸ 怎麼將html格式變成json數據
<html>
<head>
<meta http-equiv=content-type content="text/html;charset=GBK">
</head>
<body>
<table border=0 cellspacing=0 cellpadding=0>
<tr>
<td id="a">sdfsd</td>
</tr>
<tr>
<td id="b">sdfsdf</td>
</tr>
<tr>
<td id="c">sdfsd</td>
</tr>
<tr>
<td id="d">sdfsdf</td>
</tr>
</table>
</body>
<script>
var jsonStr = "{\"a\":\"內容1\", \"b\":\"內容2\",\"c\":\"內容3\",\"d\":\"內容4\"}";
var jsonObj = eval("(" + jsonStr + ")");
for(var property in jsonObj){
var nodeObj = document.getElementById(property);
if(nodeObj)
nodeObj.childNodes[0].nodeValue = jsonObj[property];
}
</script>
</html>
⑹ html轉化為json數據
下載JSON2.js,引用，然後用 json2.stringify(任意); 得到轉換後的串
⑺ 如何把html轉成json html2json
參考思路：
需要在伺服器端解析json字元串，然後用字元串拼接成數組或是添加到數組中；
參考代碼：
Hello!
⑻ json轉html
functionjsonclick(){
varjsonstr='{"desc":"OK","status":1000,"data":{"wen":"34","ganmao":"各項氣象條件適宜，發生感冒機率較低。但請避免長期處於空調房間中，以防感冒。","forecast":[{"fengxiang":"東風","fengli":"3-4級","high":"高溫35℃","type":"多雲","low":"低溫27℃","date":"22日星期一"},{"fengxiang":"東風","fengli":"微風級","high":"高溫34℃","type":"多雲","low":"低溫26℃","date":"23日星期二"},{"fengxiang":"東風","fengli":"微風級","high":"高溫35℃","type":"多雲","low":"低溫27℃","date":"24日星期三"},{"fengxiang":"東風","fengli":"微風級","high":"高溫34℃","type":"多雲","low":"低溫26℃","date":"25日星期四"},{"fengxiang":"東北風","fengli":"3-4級","high":"高溫33℃","type":"陰","low":"低溫25℃","date":"26日星期五"}],"yesterday":{"fl":"3-4級","fx":"北風","high":"高溫33℃","type":"雷陣雨","low":"低溫27℃","date":"21日星期日"},"aqi":"53","city":"常州"}}';
varlist=newFunction("return"+jsonstr)();
//html代碼隨便拼湊成需要的格式就行了
varhtmlstr="<ulstyle='border:1pxsolid#aaccff;height:100px;width:600px;'><li>狀態碼："
+list.status+"</li><li>日期："
+list.data.yesterday.date+"</li><li>地址："
+list.data.city+"</li><li>預測風向："
+list.data.forecast[0].fengxiang+"</li></ul>";
document.getElementById("id").innerHTML=htmlstr;
}
⑼ 怎麼將json類型的字元串在html轉換
這個不用jQuery的，我都是用eval var str1 = '{ "name": "test", "sex": "man" }'; eval('('+str1+')'); 注意括弧和單引號都不能少哦。
⑽ html 怎麼轉換json數據
用js解析，然後動態創建dom
var json = "{[{'name':'完全古茶專','shu':'高'},{'name':'貴州屬茶','shu':'中'},{name:'貴州茶',shu:'高'}]}";
var obj = eval("("+json+")");
for(var i =0;i <obj.length;i++){
html+="<tr><td>"+obj[i].name+"</td><td>"+obj[i].shizhu+"</td><td class='hide'>1</td></tr>";
}