javascript - 动态的dom是在后端生成好还是在前端生成好

Question

前端需要动态显示数据, 采用ajax方式获取, 要展示的dom是在后台生成好再返回好还是只通过ajax获取要显示的数据, 然后前端由js生成dom好, 想知道大家是怎么做的, 刚接触, 比较生疏 : )

怪我咯 · Answer

如果你们前后端分离做的比较彻底，推荐是前端来生成DOM，毕竟DOM一般属于页面展示用。后端只用来提供数据，前端负责处理呈现。

迷茫 · Answer

直接返回dom已经是比较古老的解决方案，这种方式对前端代码的维护性和效率都会有所降低，不利于前后端分离。
目前通过ajax请求直接返回json对象数据的方法是市场上的主流，前端有相当多的方法和框架去对这些数据进行处理并渲染，以前有jQuery通过操作dom去渲染，现在有React.js，AngularJS等新兴框架来对数据进行绑定，通过这种方式处理的页面一般称作SPA页面（Single Page Application，单页面应用）。
当然，具体方法的选择还是视你的业务场景而定了。

PHP中文网 · Answer

这主要取决于你前后端是否分离如果前后端不分离那么反正都是后端直接渲染没什么可说的
如果分离那么取决于你前段采用什么技术如果是用jquery这种对数据要求不高的那么后端只给数据前段去负责生产dom与渲染
如果采用的是angularjs这种对数据要求较高的框架那么酌情对于一些复杂的或者同一接口和数据绑定但结果集变化较大不好绑定的可以考虑后端直接生成dom给前段
在任何时候优先考虑的都应该是后端只给数据由前段去渲染这样既提高了接口的复用性又降低了维护成本把一些事情放到前段用户浏览器上去做也可减轻后端压力提高效率

迷茫 · Answer

没有特殊情况，都应该在前端做，前后端分离应该作为基本原则。

PHP中文网 · Answer

后端输出 JSON，给前端来 ajax 获取后生成 DOM 比较好。
因为后端开发人员并不知道前端需要将数据拼成什么样子的 DOM 结构啊，如果后端渲染好了再给前端，那么如果前端想要改个什么东西是不是就只有正则替换了，那会很痛苦的。

迷茫 · Answer

我说一下我们的实现方式，看能不能给你提供点帮助:

我们后端是PHP，没有做SPA，而且是移动端，所以页面都是PHP渲染的，ajax请求的页面也是先PHP把逻辑都先判断完再给我们前端，我们就只负责显示和一些常规的JS交互；包括翻页，也都是PHP把下一页请求的url输出给前端，我们只需要拿到这个url进行ajax请求然后append就行咯；

这样的话，其实对于前端来说工作量减少了很多，而且都是服务端渲染，效率也高很多；

虽然现在都在说前后端分享，可是个人觉得也应该跟据项目实际来定，后端给你JSON，前端拿到JSON然后拼接是多么的蛋疼(如果不用其他框架的话)；

所以呢，从你的问题看，你们前后端也没有分享，所以，可以服务端给生成好，然后前端只ajax显示~~

PHPz · Answer

看你们公司对SEO的需求了，如果重SEO的话，我建议后端渲染，因为就百度的SEO而言如果前端渲染的话，爬虫什么也拿不到

高洛峰 · Answer

为了前后端分离，还是后台只提供一个数据串，前端解析并生成DOM比较好