Jquery 循环json对象并附加到表中
我有一个像这样的json对象Jquery 循环json对象并附加到表中,jquery,json,Jquery,Json,我有一个像这样的json对象 "table" : [ {"pathologie": "Sida", "mois": "1", "nb_cas": "0.0000", "RegionID": "1"}, {"pathologie": "H\u00e9pathite A", "mois": "1", "nb_cas": "0.0036", "RegionID": "1"}, {"pathologie": "Diphterie", "mois": "8", "nb_cas":
"table" : [
{"pathologie": "Sida", "mois": "1", "nb_cas": "0.0000", "RegionID": "1"},
{"pathologie": "H\u00e9pathite A", "mois": "1", "nb_cas": "0.0036", "RegionID": "1"},
{"pathologie": "Diphterie", "mois": "8", "nb_cas": "0.0067", "RegionID": "1"},
{"pathologie": "Tuberculose", "mois": "1", "nb_cas": "0.0079", "RegionID": "1"},
{"pathologie": "Cholera", "mois": "1", "nb_cas": "0.0356", "RegionID": "1"},
{"pathologie": "Paludisme", "mois": "1", "nb_cas": "0.0611", "RegionID": "1"}
]
我想循环它并附加到一个表中
谢谢你的所有回答,但请原谅我不清楚。我想做的是这样的事情,就是把桌子放在桌子上。标题必须包含月份,第一列应包含疾病。
$。每个(响应,函数(){
$.each(response, function(){
$(table_id).append("<tr><td>" + this.pathologie + "</td><td>" + this.mois+ "</td></tr>");
});
$(table_id).append(“+this.pathologie+”“+this.mois+”);
});
试试这个
编辑 $。每个(响应,函数(){
$.each(response, function(){
var html = "<tr><td>" + this.pathologie + "</td><td>" + this.mois+ "</td></tr>";
$('#myTable').append(html);
});
var html=“”+this.pathologie+“”+this.mois+“”;
$('#myTable').append(html);
});
也许这对你有帮助。你要做的唯一一件事就是完成结构,这样它就可以交给你所有的变量。
<table border=1>
<tr>
<td>pathologie</td>
<td>mois</td>
<td>nb_cas</td>
<td>RegionID</td>
</tr>
<?php
$json = '{"table":[{"pathologie":"Sida","mois":"1","nb_cas":"0.0000","RegionID":"1"},{"pathologie":"H\u00e9pathite A","mois":"1","nb_cas":"0.0036","RegionID":"1"},{"pathologie":"Diphterie","mois":"8","nb_cas":"0.0067","RegionID":"1"},{"pathologie":"Tuberculose","mois":"1","nb_cas":"0.0079","RegionID":"1"},{"pathologie":"Cholera","mois":"1","nb_cas":"0.0356","RegionID":"1"},{"pathologie":"Paludisme","mois":"1","nb_cas":"0.0611","RegionID":"1"}]}';//get json here as you want
$data = json_decode($json);
foreach( $data->{'table'} as $val){
$pathologie = $val->pathologie;
$mois = $val->mois;
$nb_cas = $val->nb_cas;
$RegionID = $val->RegionID;
echo "<tr><td>$pathologie </td>";
echo "<td>$mois </td>";
echo "<td>$nb_cas </td>";
echo "<td>$RegionID </td></tr>";
}
echo "</table>";
?>
病理学
莫伊斯
nb_cas
地区编号
使用jquery:
$.getJSON("http://url.com/json.php&callback=?", function(data){
var tablecontents = "";
tablecontents ='<table>';
$.each(data, function (index, value) {
tablecontents += "<tr class='tr'>";
tablecontents += "<td>"+value["pathologie"]+"</td>";
tablecontents += "<td>"+value["mois"].toString()+"</td>";
tablecontents += "<td>"+value["nb_cas"].toString()+"</td>";
tablecontents += "<td>"+value["RegionID"].toString()+"</td>";
tablecontents += "</tr>";
}
});
document.getElementById("textTable").innerHTML = tablecontents;
});
}
<div id=textTable style="color:white;"></div>
$.getJSON(“http://url.com/json.php&callback=?,函数(数据){
var tablecontents=“”;
表内容=“”;
$.each(数据、函数(索引、值){
tablecontents+=“”;
tablecontents+=“”+值[“病理学”]+“”;
tablecontents+=“”+值[“mois”]。toString()+“”;
tablecontents+=“”+值[“nb_cas”]。toString()+“”;
tablecontents+=“”+值[“RegionID”]。toString()+“”;
tablecontents+=“”;
}
});
document.getElementById(“textTable”).innerHTML=tablecontents;
});
}
希望你有个主意。。如何从json使用jquery打印表
var regionid = $('#region-incidence').val();
var post_url = "http://locahost/project/report/TauxIncidence/" + regionid;
$.ajax({
type: "POST",
dataType: "json",
url: post_url,
data :{variable : variable_de_test},
async:false,
success: function(result)
{
$.each(result, function(i,row){
$("table.table").append("<tr><td>" + result.table[i].pathologie+ "</td><td>" + result.table[i].mois+ "</td><td>"+result.table[i].nb_cas+ "</td></tr>");
})
} //end success
}); //end AJAX
我想把结果附加到一个表中
嗨,我正试着用jquery制作透视表
代码:
Jquery
$.each(result.tabl, function(i,d){
var html ="<tr>"+
"<th>" +d.pathologie+ "</th>"+
"<td>" +d.nb_cas+"</td>"+
"</tr>";
$('div#myTable table tbody').append(html);
$。每个(result.tabl,函数(i,d){
var html=“”+
“”+d.病理学+“”+
“+d.nb\U cas+”+
"";
$('div#myTable table tbody').append(html);
Html:
Taux发病率
一月
二月
前进
假种皮
也许
六月
七月
八月
塞滕伯
十月
十一月
十二月
问题是第一栏中的数据只显示在1月份,有8月份和其他月份的数据,但没有显示。
我不知道为什么。帮帮我你尝试了什么?什么阻碍了你?请给出更多关于你尝试的提示?你有一个JavaScript对象,而不是JSON对象。它看起来不像一个表。另外,你不需要创建局部变量来复制每个对象属性-只需直接从
这个
@Froxz使用它们。一个表包含以下内容以下标记:
和
(同一个表中可以有多个tbody
)。这将呈现html(即我们只有第一行json):Sida 1谢谢你的所有答案,但请原谅我不清楚。谢谢你的所有答案,但请原谅我不清楚。我想做的是这样的事情,即表格完全正确。标题必须包含月份,第一列应该包含疾病。
$.each(result.tabl, function(i,d){
var html ="<tr>"+
"<th>" +d.pathologie+ "</th>"+
"<td>" +d.nb_cas+"</td>"+
"</tr>";
$('div#myTable table tbody').append(html);
<div id="myTable" class="grid_6">
<table>
<caption>Taux Incience</caption>
<thead>
<tr bgcolor="#d1d1d1">
<td></td>
<th scope="col">January</th>
<th scope="col">February</th>
<th scope="col">March</th>
<th scope="col">Aril</th>
<th scope="col">May</th>
<th scope="col">June</th>
<th scope="col">July</th>
<th scope="col">August</th>
<th scope="col">Setember</th>
<th scope="col">October</th>
<th scope="col">November</th>
<th scope="col">Décember</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>