不用iframe,用ajax刷新局部刷新网页，具体怎么实现？

Question

如图 我点击menu区域的菜单，content局部刷新成对应的内容。如果用模板引擎可以分成不同的模板，但是没用。现在想用ajax刷新。那么我现在不清楚的问题是。content区域的html代码都是用后台封装好我用ajax请求过来的吗？

Answer 1

关于content区域的html代码都是用后台封装好我用ajax请求过来的
这个不一定，后端提供需要的数据，前端js组装数据渲染就可以了，前端也可以用模板引擎啥的，比如laytpl等

Answer 2

ajax请求后台从数据库取出数据形成json回调给前台遍历手动生成html形成回显。

Answer 3

样式是固定的 只是数据会刷新而已
这些样式都是提前写好的 点击左边之后 改变对应的右侧内容 然后ajax刷新数据

Answer 4

我觉得做前端之前你最起码把w3school的基础教程看完
http://www.w3school.com.cn/js/js_htmldom_html.asp
这个是用js控制网页DOM内容的部分，
还可以参考jquery部分的内容
http://www.w3school.com.cn/jquery/jquery_dom_get.asp

Answer 5

可以考虑pjax

Answer 6

1. 通过ajax向远程服务器端请求数据，一般为json格式;

2. 然后遍历请求过来数据，生成html片段，一般出于性能考虑，先生成文档片段。

3. 将第2步生成的文档片段，添加到相应的dom结构中，就可以实现页面无刷新更新

Answer 7

可以使用iframe嵌套吗，只是一个想法