如图 我点击menu区域的菜单,content局部刷新成对应的内容。如果用模板引擎可以分成不同的模板,但是没用。现在想用ajax刷新。那么我现在不清楚的问题是。content区域的html代码都是用后台封装好我用ajax请求过来的吗?
ajax请求后台从数据库取出数据形成json回调给前台遍历手动生成html形成回显。
通过ajax向远程服务器端请求数据,一般为json格式;
然后遍历请求过来数据,生成html片段,一般出于性能考虑,先生成文档片段。
将第2步生成的文档片段,添加到相应的dom结构中,就可以实现页面无刷新更新
可以考虑pjax
样式是固定的 只是数据会刷新而已
这些样式都是提前写好的 点击左边之后 改变对应的右侧内容 然后ajax刷新数据
我觉得做前端之前你最起码把w3school的基础教程看完
http://www.w3school.com.cn/js/js_htmldom_html.asp
这个是用js控制网页DOM内容的部分,
还可以参考jquery部分的内容
http://www.w3school.com.cn/jquery/jquery_dom_get.asp
关于content区域的html代码都是用后台封装好我用ajax请求过来的
这个不一定,后端提供需要的数据,前端js组装数据渲染就可以了,前端也可以用模板引擎啥的,比如laytpl等