什么是前端渲染？什么是服务端渲染？两者区别及应用场景

举个商品列表页面为例子。
前端渲染：说的应该是刚进入页面时，商品列表这些数据都不给你，不会渲染出这些数据。然后加载script时，再用ajax或者fetch之类的发起了请求另一个接口，服务端返回了商品列表的json数据给你，你在js中用模板引擎之类的技术，把这些数据拼成html字符串插入到Dom里。
服务端渲染：服务端用php的smarty模板或者java的jsp，把页面的商品列表信息渲染出来了，返回一个html给浏览器了。
区别：如果页面要求被蜘蛛抓取，前端渲染的数据就不能被抓取到，但是服务端渲染的页面就能被抓取到。如果有SEO要求，只能用服务端渲染。如果用Nodejs渲染的话，那就都没这些问题了。

ajax是前端技术，你这么提问感觉变成后台技术了。你应该这么问：前端如何通过ajax向后台获取一串文字并渲染到页面？

下面是用原生js实现的（用jquery的ajax也差不多）：

前端html代码：

<div id="txt">文字显示到这里</div>

<script>

fetch("后台网址写在这")then(r=>rtext())then(d=>txtinnerHTML=d);

</script>

后台代码（假定是php）：

<php echo "一串文字一串文字一串文字"; >

如果是asp，则：

<%="一串文字一串文字一串文字"%>

---