javascript - 不用iframe,用ajax刷新局部刷新网页,具体怎么实现?
PHP中文网
PHP中文网 2017-04-11 11:01:21
[JavaScript讨论组]


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

PHP中文网
PHP中文网

认证高级PHP讲师

全部回复(5)
PHP中文网

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

阿神

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

黄舟

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

迷茫

可以考虑pjax

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

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

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

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号