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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

V2EX 提问指南

这是一个创建于 3383 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

API

ajax

each

18 条回复 • 2015-08-14 09:48:48 +08:00

linauror

2015-08-13 20:11:57 +08:00

不然你可以看看angularjs

theFool

2015-08-13 20:20:10 +08:00

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

tushiner

2015-08-13 21:58:44 +08:00

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

likai

2015-08-13 22:14:18 +08:00

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

likai

2015-08-13 22:15:14 +08:00

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

virusdefender

2015-08-13 23:51:09 +08:00 via Android

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

tushiner

2015-08-13 23:52:19 +08:00 via Android

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

vibbow

2015-08-13 23:52:22 +08:00 via Android

我说用xslt会不会被打……

ljbha007

2015-08-13 23:54:29 +08:00

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

ljbha007

2015-08-14 00:07:09 +08:00

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

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

ljbha007

2015-08-14 00:07:23 +08:00

上面是个例子

ss098

2015-08-14 04:25:11 +08:00 via iPad

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

kchum

2015-08-14 07:34:27 +08:00 via iPhone

还有个 Handlebars.js

qw7692336

2015-08-14 09:12:49 +08:00

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

dong3580

2015-08-14 09:26:44 +08:00 via Android

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

chairuosen

2015-08-14 09:29:48 +08:00 via iPhone

angular太大，推荐vue

gangsta

2015-08-14 09:36:05 +08:00

一个简单的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

2015-08-14 09:48:48 +08:00

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