Control Loading Order of HTML Site with PHP

Question

I have a 3-column table, the middle column of which will contain a potentially large amount of data generated by a PHP script.

I have a limited amount of time to run my script so the amount of data shown is variable. If (as occurs most of the time) not all of the data loads, then the script is halted before it generates the 3rd column of the table and the page with the partially loaded data appears incorrectly formatted (as a 2-column table, missing the right column).

What I would like to do is have this data loading occur once the rest of the page is finished and placed in the middle column of the table as it loads, so the formatting is correct regardless of how much data is loaded.

How can I do this using Ajax (is that specific enough, geez)?

Ajax is your savior. You would create a JavaScript that would make an Ajax call to the PHP for the center column of the page & have it automatically place the contents you wish into that area. — Giacomo1968, Jun 10 '14 at 02:50

score 1 · Accepted Answer · answered Jun 10 '14 at 02:52

The easiest way might be to load data using ajax and jQuery.

<table class="my-data-table">
    <tr>
        <td class="col-1"></td>
        <td class="col-2"></td>
        <td class="col-3"></td>
    </tr>
</table>
<script>
$.get( "/path_to_table_data.php", function on_table_data_load( data ) {
    $( ".my-data-table .col-3" ).html( data );
});
</script>

Control Loading Order of HTML Site with PHP

1 Answers1

Linked