jQuery中將json數(shù)據(jù)顯示到頁面表格的方法
更新時(shí)間：2018年05月27日 09:55:16 作者：貓屎不是咖啡
今天小編就為大家分享一篇jQuery中將json數(shù)據(jù)顯示到頁面表格的方法，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧
jQuery中將json數(shù)據(jù)顯示到頁面表格代碼。stu模擬的就是一個(gè)數(shù)據(jù)庫，假設(shè)我們的數(shù)據(jù)已經(jīng)是json 的文件格式，接下來就是將這個(gè)json文件里面的數(shù)據(jù)顯示到頁面的表格上。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="js/jquery-1.8.3.js"></script>
<script type="text/javascript">
var stu = [
{ "name": "張三", "sex": "男", "age": "20" },
{ "name": "李四", "sex": "男", "age": "18" },
{ "name": "王五", "sex": "男", "age": "19" }
];
$(document).ready(function() {
var s = "";
for(var i = 0; i < stu.length; i++) {
s = "<tr><td>" + stu[i].name + "</td><td>" + stu[i].sex + "</td><td>" +
stu[i].age + "</td></tr>";
$("#tab").append(s);
}
});
</script>
</head>
<body>
<table border="1px" id="tab">
<tr>
<td>姓名</td>
<td>性別</td>
<td>年齡</td>
</tr>
</table>
</body>
</html>
以上這篇jQuery中將json數(shù)據(jù)顯示到頁面表格的方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
jquery 點(diǎn)擊元素后,滾動(dòng)條滾動(dòng)至該元素位置的方法
下面小編就為大家?guī)硪黄猨query 點(diǎn)擊元素后,滾動(dòng)條滾動(dòng)至該元素位置的方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-08-08
下面小編就為大家?guī)硪黄狫Query 獲取Dom元素的實(shí)例講解。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-07-07
這篇文章主要介紹了jQuery中Find選擇器用法,簡單介紹了find選擇器的功能,并結(jié)合實(shí)例分析了find選擇器的具體使用方法,需要的朋友可以參考下2016-09-09
jQuery 1.9移除了$.browser可以使用$.support來替代
這篇文章主要介紹jQuery 1.9 移除了 $.browser 的替代方法,需要的朋友可以參考下2014-09-09
jquery中封裝了一些ajax請求的方法，很實(shí)用，整理出來與大家分享下，感興趣的朋友可以參考下哈，希望可以幫助到你2013-03-03
jQuery實(shí)現(xiàn)級聯(lián)菜單效果(仿淘寶首頁菜單動(dòng)畫)
今天我們就帶大家體會(huì)一下級聯(lián)菜單的顯示，只是實(shí)現(xiàn)了簡單的效果，不過大都原理是一樣的2014-04-04
這篇文章分享一下easyui常用的兩種表單異步提交的方式,本文通過示例代碼給大家分享兩種方法,感興趣的朋友一起看看吧2023-12-12
jQuery Validate格式驗(yàn)證功能實(shí)例代碼（包括重名驗(yàn)證）
本文通過實(shí)例代碼給大家介紹了jQuery Validate格式驗(yàn)證功能，代碼中包括重名驗(yàn)證的方法，需要的的朋友參考下吧2017-07-07
Jquery中的CheckBox、RadioButton、DropDownList的取值賦值實(shí)現(xiàn)代碼
隨著Jquery的作用越來越大，使用的朋友也越來越多。在Web中，由于CheckBox、 Radiobutton 、 DropDownList等控件使用的頻率比較高，就關(guān)系到這些控件在Jquery中的操作問題2011-10-10
zTree jQuery 樹插件的使用(實(shí)例講解)
下面小編就為大家?guī)硪黄獄Tree jQuery 樹插件的使用(實(shí)例講解)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-09-09