build sortable table from multiple ajax request PART II

Question

i have some question here.

i have a php script that request data from other web service.

but i need to request many data which i need to queue them all and wait one by one.

so i request that data using jquery (async), but the problem is, all data sorted by their loaded sequence.

so how to request them all by async, sorted them by price(for example like column 6) and serve them as table..

thank you for answer and suggestion..

so here's my code.

this is my table container

<table id="searchh" width="100%" border="0" cellpadding="10px" cellspacing="1px">
<tr>
    <td>1</td>
    <td>2</td>
    <td>3</td>
    <td>4</td>
    <td>5</td>
    <td>6</td>
</tr>
</table>

i request new tr via this

$.get(request, function( my_var1 ) {
        $('#searchh>tbody>tr:last').after(my_var1);
        });

content of request is like this

<tr>
        <td>data</td>
        <td>data</td>
        <td>data</td>
        <td>data</td>
        <td>data</td>
        <td>random number</td>
    </tr>

i call them one by one since every record can has different load time — Ryan Arief, Oct 10 '15 at 04:59
this is how it works, example: 1 have 5 row with time load (3sc, 5sc, 1sc, 9sc, 2sc) for every row if i request it once then i need to wait 20sc to have it load all,.. so i request them async,. so the fastest time load row will appear first and i can get all 5 row just in 9sc. sorry, about my bad english — Ryan Arief, Oct 10 '15 at 05:07
ok... before calling do u no the order?? if so, call in that order only — Niranjan N Raju, Oct 10 '15 at 05:08
i call them manually, one by one,.. so the first row must be the fastest one, not the bigest one,.. — Ryan Arief, Oct 10 '15 at 05:10
Let us [continue this discussion in chat](http://chat.stackoverflow.com/rooms/91897/discussion-between-niranjan-n-raju-and-ryan-arief). — Niranjan N Raju, Oct 10 '15 at 05:12

score 1 · Answer 1 · edited May 23 '17 at 11:52

1

Here is the answer for your question,

in ajax after fetching data from server,trigger a click on price, like this,

$.get(request, function( my_var1 ) {
    $('#searchh>tbody>tr:last').after(my_var1);
    $("th#price").trigger( "click" );
});

dont forget to give id for th which has price, and trigger should be called after you fetch all records

Rest can be found in the working demo here.

Hope it helps you.

resource from here

edited May 23 '17 at 11:52

Community

1
1

answered Oct 10 '15 at 05:26

Niranjan N Raju

12,047
4
22
41

works good sir, thanks,.. but when i enter table inside my tr, it only sort my tr without tble inside it – Ryan Arief Oct 10 '15 at 06:34
trigger should me made on `th`, or provide a fiddle so that i can edit and help you. – Niranjan N Raju Oct 10 '15 at 06:36
you have one more table inside a table?? – Niranjan N Raju Oct 10 '15 at 06:48
Let us [continue this discussion in chat](http://chat.stackoverflow.com/rooms/91899/discussion-between-niranjan-n-raju-and-ryan-arief). – Niranjan N Raju Oct 10 '15 at 06:53

build sortable table from multiple ajax request PART II

1 Answers1