请教一个问题，服务器提供 API，然后网站根据这个 API 取数据并渲染 html。有什么好方法么？

[likai]

ajax?列表用each出来好像很麻烦。

[linauror]

不然你可以看看angularjs

[theFool]

找模板渲染。比如mustache.js.

[tushiner]

前端就是这样一点点的写出来的，想和后端一样的快速编程不现实

[likai]

@linauror 我想到的也是这个.可是相对于我这个JS菜鸟来说这个上手好像有点..
@theFool 嗯.嗯.感谢.让我想到了搜索关键词

[likai]

@tushiner 如果能有稍微简单一点的办法。为什么不用呢？对不

[virusdefender]

用一些框架 推荐avalon 一个循环就可以了

[tushiner]

@likai 追求不一样，风格和方法就不一样，这个没必要强求

[vibbow]

我说用xslt会不会被打……

[ljbha007]

Angular和backbone都可以啊
感觉Angular比较适合楼主这种懒人思维
但是用了就得用到底 不然换框架的时候前端代码需要大量重构 楼主你得想清楚了

[ljbha007]

https://gist.github.com/CarlLee/453412e15e5f97f8f417

https://docs.angularjs.org/tutorial/step_05
https://docs.angularjs.org/tutorial/step_11

[ljbha007]

上面是个例子

[ss098]

你说的这叫 RESTful，上面已经列出来了其工程实现框架。

[kchum]

还有个 Handlebars.js

[qw7692336]

楼主想要的应该就是AngularJS吧？

[dong3580]

如果上面的框架都不太会，可以先从用js拼接html并输出开始。发现了好玩的地方，你就会继续深入了。

[chairuosen]

angular太大，推荐vue

[gangsta]

一个简单的Handlebars.js 的demo:

<div id="myList">

</div>

<script id="my-template" type="text/x-handlebars-template">
{{#each result}}
<div>{{name}} {{age}}</div>
{{/each}}
</script>

$.ajax({
type: "get",
url: "your_api_url",
success: function(result) {
var myTemplate = Handlebars.compile($("#my-template").html());
$('#myList').html(myTemplate(result.data));
}
});

js模板相比AngularJS的学习成本低很多,也保持了代码的高可读性.

[sliwey]

用各种前端模板不就好了吗，用得着就直接angular什么的吗