javascript - AJAX - 使用 JSON 与回显 HTML

Question

我有下面的 ajax 调用。

jQuery.post('index.php',{
                        'option'    : 'com_one',
                        'controller': 'product',
                        'task'  : 'loadColors',
                        'format'    : 'raw',            
                        'design_id' : design_id,
                        'collar_id' : collar_id                        
                }).success(function(result) { 
                    jQuery('div#color_wrapper').html(result); 
                }).error(function() { 
                    jQuery('div#color_wrapper').html('<h1>ERROR WHILE LOADING COLORS</h1>');
                });

方法一 它返回大量 HTML。然后将它们分配给 div#color_wrapper。我在这里所做的是 echo model.php 中我想要的所有 HTML。

方法二 我刚刚了解到我可以将数据作为 JSON 对象获取并使用 JavaScript 模板在页面内呈现它们。( handlebarsjs )。

据我所知，它是客户端处理(方法 2)与服务器端处理(方法 1)。

我的问题是哪种方法更快？哪种方法是行业标准？这两种方法有什么优缺点吗？我应该使用什么方法，为什么？

谢谢

Answer 1

我认为 JSON 方法更好，因为连续请求需要传输的数据更少。

如果您真的那么在意性能，您应该precompile your templates .

此外，如果您预编译模板，您甚至不必将 handlebars.js 发送到客户端。您可以向浏览器发送更小的 handlebars.runtime.js，进一步减少加载时间!