Javascript 如何使用ajax将数据加载到dropdownchange上的表中 $（“#选择程序”）.change（函数（）{ var gramid=$（this.val（）； $.ajax({ url:'getBooth details.php'， 键入：“post”， 数据：{gram:gramid}， 数据类型：“json”， 成功：功能（响应）{ var len=响应长度； 对于（var i=0；i

您可以在某个变量中使用

+=

追加每一行，然后使用

.html（）

在

中追加同一行

演示代码：

//您的回答
var响应=[{
“id”：“1”，
“名称”：“展位优先”，
“展台官员姓名”：“第一阿迪卡里”，
“展位主任联系人”：“9827198271”，
“gram_parshad_姓名”：“gram警官一号”，
“gram_parshad_联系人”：“1231”，
“克朗人口”：“10000”，
“克屋计数”：“106”，
“克选民计数”：“8922”，
“gram_polling_two_count”：“20”，
“选定区域”：“23”，
“选定扇区”：“14”，
“panchayat_选定”：“9”，
“gram_selected”：“6”，
“区_区”：“东加戈”，
“地区”：“农村”
}];
var len=响应长度；
var数据=”；
对于（变量i=0；i

展位名称
布斯·阿迪卡里
接触
习俗

你也可以分享你的HTML，告诉我们你到底想把你的数据放在哪里吗？是的。当然，让我现在就编辑它。我已经编辑了我的问题，并提到了我的表格细节。你可以添加你的

回答以及你在ajax中得到的问题调用吗？
[{“id”：“1”，“name”：“Booth First”，“Booth\u officer\u name”：“第一阿迪卡里”、“布思·帕沙德联系人”：“9827198271”、“格拉姆·帕沙德姓名”：“格拉姆警官一”、“格拉姆·帕沙德联系人”：“1231231231”、“格拉姆人口”：“10000”、“格拉姆·豪斯计数”：“106”、“格拉姆选民计数”：“8922”、“格拉姆·帕沙德计数”：“20”、“分区选定”：“23”、“分区选定”：“14”、“潘查亚选定”：“9”、“格拉姆·豪斯选定”：“6”、“分区选定”：dongargadh，“地区”：“农村”}]
这是响应@swatith有一个问题，那就是…当所选选项没有数据时，这些按钮仍会显示。@Swati如何处理这些问题您需要隐藏它们，即：
查看编辑等
？您能详细说明吗？这些按钮不会出现在所有行上吗？是。.当数据存在时，这些按钮会显示出来每个数据都应该在那里，这样我就可以找到它的url。但是，当数据为零时，表中应该没有行。谢谢@Swati的帮助。它起了作用。隐藏所有需要的内容是一个条件。
$("#sel_gram").change(function(){
    var gramid = $(this).val();

    $.ajax({
        url: 'getBooth-details.php',
        type: 'post',
        data: {gram:gramid},
        dataType: 'json',

        success:function(response){

            var len = response.length; 

            for( var i = 0; i<len; i++){
                var id = response[i]['id'];
                var name = response[i]['name'];
                var booth_officer_name = response[i]['booth_officer_name']; 
                var booth_officer_contact = response[i]['booth_officer_contact'];               
            }
        }         
    });
});

<table class="table table-hover p-table">
                      <thead>
                      <tr>
                          <th>Booth Name</th>
                          <th>Booth Adhikari</th>
                          <th>Contact</th>

                          <th>Custom</th>
                      </tr>
                      </thead>
                      <tbody>
                      <tr>
                          <td class="p-name">
                              <h6 id="boothname">Name</h6>
                          </td>
                          <td class="p-team">
                             <h6 id="adhikariname"></h6>
                          </td>

                          <td>
                              <h6 id="adhikaricontact"></h6>
                          </td>
                          <td>
                              <a href="project_details.html" class="btn btn-primary btn-sm"><i class="fa fa-folder"></i> View </a>
                              <a href="#" class="btn btn-info btn-sm"><i class="fa fa-pencil"></i> Edit </a>
                              <a href="#" class="btn btn-danger btn-sm"><i class="fa fa-trash-o"></i> Delete </a>
                          </td>
                      </tr>

                      </tbody>
                  </table>