Q:

Is it faster to get variables via ajax response or use .load() to load a php page

I have a search function that returns 100 orders out of a large database and I am trying to reduce the load time. Is it quicker to do:
$( '#orders' ).load( "myScript.php", { var1:x, var2:y, var3:z } );

or
$.ajax({
    dataType: "JSON", 
    type: "POST",
    url: "http://url.com",
    data: data,
    success: function( res ) {
        var orders = "<table>";
        for (var i = 0; i < res['orders'].length; i++) {
            orders += "<tr><td>order id</td><td>" + res['orders'][i]['id'] + "</td></tr>";
            orders += "<tr><td>price</td><td>" + res['orders'][i]['price'] + "</td></tr>";
            //etc
            //etc
            //etc
        }
        orders += "</table>";

        document.getElementById( 'orders' ).innerHTML = orders;
    }
});

A:

It depends on the size of myScript.php compared to the size of the JSON data. Whichever is larger will take more time. 
It also depends on how the data is serialized.

