Javascript 如何使用ajax通过单击一个按钮动态显示多个表

您好，我想显示多个表，表数据将通过使用ajax和javascript、jquery在单击单个按钮时使用json数据来动态显示。对于单个表格，我可以使用以下步骤生成表格

$.ajax({
    type: 'GET',
    url: xxx.xxx.xxx.xxx,
    data: "Id=" + clO + "&Location=" + clOp +"",

    success: function (resp) {          
        var Location = resp;
        var tr;          
        for (var i = 0; i < Location.length; i++) {

            tr = tr + "<td style='height:20px' align='left'>" + Location[i].name + "</td>";
            tr = tr + "<td style='height:20px' align='right'>" + Location[i].QTY + "</td>";
            tr = tr + "<td style='height:20px' align='right'>" + Location[i].AMT + "</td>";
            tr = tr + "</tr>";

        };
        document.getElementById('p_w').style.display = "block";
        document.getElementById('Wise').innerHTML = "<table id='rt1' >" + "<thead ><tr><th style='height:20px'>Name</th>" + "<th style='height:20px'>Qty</th>" + "<th style='height:20px'>Amnt</th>"+ "</tr></thead>"
            + tr +
            "<tr><td style='height:20px'></td></tr>" +
            "</table>";
        document.getElementById('Wise').childNodes[0].nodeValue = null;

    },
    error: function (e) {
        SpinnerPlugin.activityStop();
        window.plugins.toast.showLongBottom("Please Enable your Internet 
        SpinnerPlugin.activityStop();

    }
});

表1

名字 姓氏 年龄 吉尔 史密斯 50 前夕 杰克逊 94 约翰 雌鹿 80 表2

主题 标志 科学 70 计算机 80 艺术 70 表3

笔记本电脑 价格 戴尔 $350 联想 $450 华硕 $200 /*示例响应应为Ajax*/ 风险值数据={ 学生：[{ 姓名：“abc”， 年龄：20岁 }, { 名称：“xyz”， 年龄：30岁 }], 标记列表：[{ 主题:"英语",， 马克：“50” }, { 主题：“阿拉伯语”， 马克：“75” }], 产品：[{ 公司名称：戴尔， 金额：“50” }, { 公司名称：惠普， 金额：“100” }] }; /*呼吁Ajax成功*/ fnAjaxSuccessdata； 函数fnAjaxSuccessdata{ document.getElementById'main'.innerHTML=； FillStudentListdata.Student，1； FillMarkListdata.MarkList，2 FillProductListdata.Products，3； } /*创建第一个表*/ 函数FillStudentListStudent，tableIndex{ var html=Table+tableIndex+

； 对于变量i=0；i； 对于变量i=0；i； 对于变量i=0；i你试过了吗？@Faisal Mehmood Awan是的，在另一个ajax中使用ajax，但不起作用。你想多次调用并添加html吗？首先设置document.getElementById'Wise'。innerHTML=；然后在每个ajax调用文档中.getElementById'Wise'.innerHTML+='表X

您的html就在这里'。等等，所以它将被加起来。@gijjo我们可以在一个ajax中创建3个表吗？或者单击按钮。ajax返回“位置”，并带有字段名称、数量、金额。那个么，你们从哪里可以得到下两个表格中需要填写的学生和分数表呢？如果它与这个ajax响应一起出现，请解释json结构。