मैं एक टेबल के रूप में एक जेसन प्रदर्शित करने की कोशिश कर रहा हूँ। एक बार जब मैं तालिका प्रदर्शित करता हूं तो स्वयं ही दोहराता है।

        <div class="container-fluid">
            <div>
                <table class="table table-bordered d-sm-table-row" id="table">
                    <tr>
                        <th style="width:10%">IRB#</th>
                        <th>Reg Dt</th>
                        <th>Tx_Start_Dt</th>
                        <th>Tx_End_Dt</th>
                        <th>Off_Study Dt</th>
                        <th style="width:100%">IRB_Title</th>
                        @*<th>Arm_Descr</th>*@
                    </tr>

                </table>


            </div>
        </div>

        <script>
            $.ajax({
                url: "https://tsrv/Get-Irb-Protos/by-mrn?format=json",
                headers: { "Authorization": "042a9ff198c046eaf21|API Testing Script" },
                contentType: 'application/json',
                dataType: 'json',
                type: 'post',
                data: JSON.stringify({ "id": "35528329" })

            }).done(function (data) {
                /*$('#monitor_data').append(JSON.stringify(data))*/
                //console.log(data);

                $.each(data,
                    function () {
                        for (var i = 0; i < data.rows.length; i++) {

                            var tr = $('<tr/>');
                            tr.append("<td>" + data.rows[i][0] + "</td>");
                            tr.append("<td>" + data.rows[i][1] + "</td>");
                            tr.append("<td>" + data.rows[i][2] + "</td>");
                            tr.append("<td>" + data.rows[i][3] + "</td>");
                            tr.append("<td>" + data.rows[i][4] + "</td>");
                            tr.append("<td>" + data.rows[i][5] + "</td>");
                            //tr.append("<td>" + data.rows[i][6] + "</td>");
                            $('table').append(tr);
                        }



                    });

            });
        </script>

अपेक्षित परिणाम : तालिकाओं की पंक्ति की पुनरावृत्ति नहीं होगी। मुझे लगता है कि मैंने जावा-स्क्रिप्ट भाग में कुछ गलत किया है। कृपया आगे के संदर्भों के लिए स्क्रीन शॉट की जाँच करें। यहां छवि विवरण दर्ज करें

-2
DotNet Coder 30 अगस्त 2019, 18:34

1 उत्तर

सबसे बढ़िया उत्तर

ऐसा प्रतीत होता है कि आप डेटा के माध्यम से कई बार लूप कर रहे हैं। "$.each" लूप निकालें और इसे केवल "for" लूप के साथ चलाएं। इससे आपको डेटा का एक लूप देना चाहिए। यदि आप अपने अनुरोध से प्राप्त होने वाली प्रतिक्रिया पोस्ट करते हैं तो मैं और अधिक सहायता कर सकता हूं।

1
cwarnick 30 अगस्त 2019, 15:41