javascript - 通过 ajax 响应获取变量或使用 .load() 加载 php 页面是否更快

Question

我有一个搜索功能，可以从大型数据库中返回 100 个订单，我正在尝试减少加载时间。这样做是否更快:

$( '#orders' ).load( "myScript.php", { var1:x, var2:y, var3:z } );

或

$.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;
    }
});

Answer 1

这取决于 myScript.php 的大小与 JSON 数据的大小相比。哪个越大，花费的时间就越长。它还取决于数据的序列化方式。