Jquery 循环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":

我有一个像这样的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"}
]
我想循环它并附加到一个表中


谢谢你的所有回答,但请原谅我不清楚。我想做的是这样的事情,就是把桌子放在桌子上。标题必须包含月份,第一列应包含疾病。

$。每个(响应,函数(){
  $.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>