Printing Rows Using jQuery

Question

I have write a code and getting the values via jQuery and Ajax using the following code, the data comes fine but i could not populate the rows in my table. the looping is not work.

This is my table code in html

<div class="panel-body">
        <table class="table">
            <thead>
            <tr>
                <th>#</th>
                <th>Hospital Details</th>
                <th>Requested Product</th>
                <th>Units</th>
                <th>Patient Details</th>
                <th>Interval</th>
                <th>Requester</th>
            </tr>
            </thead>
            <tbody id="result">

            </tbody>
        </table>
    </div>

This is my ajax script

<script>
    $.get("./../incomingRequestList.php", function(data, status){
        var obj = jQuery.parseJSON(data);
        for($i=0; $i<obj.length; $i++){
            $response +=  "<tr><td>1</td><td></td><td></td><td></td><td></td><td></td><td></td></tr>";
        }

        $('#result').html($response);
    });
</script>

How can i overcome this issue. I am unable to find out why its wrong.

Where're the variable declarations: var $i and var $response = "" ? — Artur Filipiak
– Artur Filipiak, Commented Aug 13, 2015 at 17:27
Yes I define $response = ""; great small mistake lots of time loss thanks — nifCody
– nifCody, Commented Aug 13, 2015 at 17:29

Alvaro Flaño Larrondo · Accepted Answer · 2015-08-13 17:28:40Z

3

The correct way to do it is:

<script>
    $.get("./../incomingRequestList.php", function(data, status){
        var obj = jQuery.parseJSON(data);
        var response = '';
        for(i=0; i<obj.length; i++){
            response +=  "<tr><td>"+obj.number+"</td><td></td><td></td><td></td><td></td><td></td><td></td></tr>";
        }

        $('#result').html(response);
    });
</script>

answered Aug 13, 2015 at 17:28

Alvaro Flaño Larrondo

5,7402 gold badges31 silver badges50 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

nifCody Over a year ago

Thanks Great Mistake :P)

Collectives™ on Stack Overflow

Printing Rows Using jQuery

This is my ajax script

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

This is my ajax script

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related