在客户端使用JSON数据的最佳实践（javascript）

Question

我有一个REST api，它会转储一些json数据（用户信息等）。现在我需要将这些数据用于：

1. 构建html表，
2. 使用一些js graphing lib平台图，
3. 对某些字段进行一些计算并再次显示它们。

因此，基本上我需要对该数据进行一些处理，然后显示精炼的表格。

我是javascript的新手并试图了解构造html的最佳做法是什么？

我使用jquery进行ajax调用，成功部分看起来像这样：

success:function(data){
  $('#show_data_here').empty();
  generated_html  = construct_html(data);
  $('#show_data_here').html(generated_html);
}

现在，construct_html(data)函数变得非常难看，因为我收到的json是巨大的（800行），并且我在一个页面上显示了很多（~10）个图形。有没有更好的方法来解决这个问题？

Answer 1

根据您构建的html类型，您可能需要考虑使用JsRender之类的模板框架。

如果你构建的html遵循一个明确的模式，这可能是要走的路。

Answer 2

作为开始尝试将它们分解为执行每项任务的函数。 然后在每个任务中，您可能有子任务。再次打破他们。

success:function(data){
  constructTable(data.tableData);
  grabLib.create(data.graphData);
  updateCalculations(data.tableData);
}

function constructTable(data)
{
  var html = '';
  // foreach
  $('table tbody').empty().html(html);
}

// etc

想要你想要处理可以为你执行任务的对象，但是你的第一步就是打破功能。分成小块。