首页 开发技术 Python     /    flask之使用ajax实现点击左侧边栏,不刷新显示右边内容

flask之使用ajax实现点击左侧边栏,不刷新显示右边内容

上传者: guoqianqian5812 | 上传时间:2025/4/23 20:21:22 | 文件大小:563KB | 文件类型:zip
flask之使用ajax实现点击左侧边栏,不刷新显示右边内容
在实现点击左侧导航栏,右侧不刷新页面显示网页内容的方法有很多,可以通过ifram实现、可以使用div绑定a或者li的点击事件阻止a的默认行为,用jQuery的load()可以来加载这个div,即将网页放入div中,当然也可以用下面的方式实现,采用ajax技术实现局部刷新, 本软件ID:9887747

文件下载

资源详情

[{"title":"(24个子文件563KB)flask之使用ajax实现点击左侧边栏,不刷新显示右边内容","children":[{"title":"AjaxExample","children":[{"title":".idea","children":[{"title":"misc.xml <span style='color:#111;'>1.45KB</span>","children":null,"spread":false},{"title":"workspace.xml <span style='color:#111;'>31.65KB</span>","children":null,"spread":false},{"title":"dictionaries","children":[{"title":"lenovo.xml <span style='color:#111;'>87B</span>","children":null,"spread":false}],"spread":true},{"title":".name <span style='color:#111;'>19B</span>","children":null,"spread":false},{"title":"encodings.xml <span style='color:#111;'>159B</span>","children":null,"spread":false},{"title":"modules.xml <span style='color:#111;'>290B</span>","children":null,"spread":false},{"title":"Ajax实现侧边栏.iml <span style='color:#111;'>473B</span>","children":null,"spread":false}],"spread":true},{"title":"server.py <span style='color:#111;'>622B</span>","children":null,"spread":false},{"title":"templates","children":[{"title":"index.html <span style='color:#111;'>5.19KB</span>","children":null,"spread":false},{"title":"productList.html <span style='color:#111;'>54B</span>","children":null,"spread":false},{"title":"recordList.html <span style='color:#111;'>51B</span>","children":null,"spread":false},{"title":"userList.html <span style='color:#111;'>87B</span>","children":null,"spread":false}],"spread":true},{"title":"static","children":[{"title":"js","children":[{"title":"bootstrap.min.js <span style='color:#111;'>35.95KB</span>","children":null,"spread":false},{"title":"jquery-1.12.3.min.js <span style='color:#111;'>94.90KB</span>","children":null,"spread":false}],"spread":true},{"title":"css","children":[{"title":"font-change.css <span style='color:#111;'>1.36KB</span>","children":null,"spread":false},{"title":"index.css <span style='color:#111;'>3.06KB</span>","children":null,"spread":false},{"title":"font-awesome.css <span style='color:#111;'>31.70KB</span>","children":null,"spread":false},{"title":"bootstrap.css <span style='color:#111;'>143.99KB</span>","children":null,"spread":false}],"spread":true},{"title":"fonts-awesome","children":[{"title":"fontawesome-webfont.svg <span style='color:#111;'>347.64KB</span>","children":null,"spread":false},{"title":"fontawesome-webfont.woff2 <span style='color:#111;'>62.95KB</span>","children":null,"spread":false},{"title":"fontawesome-webfont.eot <span style='color:#111;'>67.26KB</span>","children":null,"spread":false},{"title":"FontAwesome.otf <span style='color:#111;'>103.77KB</span>","children":null,"spread":false},{"title":"fontawesome-webfont.woff <span style='color:#111;'>79.38KB</span>","children":null,"spread":false},{"title":"fontawesome-webfont.ttf <span style='color:#111;'>134.96KB</span>","children":null,"spread":false}],"spread":true}],"spread":true}],"spread":true}],"spread":true}]

评论信息

  • alex_labs:
    我最后用的js的reload函数实现刷新,效果不太好。2018-12-11
  • Alex_Labs:
    我最后用的js的reload函数实现刷新,效果不太好。2018-12-11
  • shiyu1157758655:
    非常棒的一个框架,正好要用到这个功能.学习了.2018-06-05
  • 雨丶花丶石:
    非常棒的一个框架,正好要用到这个功能.学习了.2018-06-05
  • zhenglxqf:
    刚好遇到这类问题,借鉴一下2018-02-08
  • zhenglxqf:
    刚好遇到这类问题,借鉴一下2018-02-08
  • u012765977:
    非常棒的一个框架,正好要用到这个功能.学习了.2018-01-11
  • -易拉罐:
    非常棒的一个框架,正好要用到这个功能.学习了.2018-01-11

免责申明

【好快吧下载】的资源来自网友分享,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,【好快吧下载】 无法对用户传输的作品、信息、内容的权属或合法性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论 【好快吧下载】 经营者是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。
本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二条之规定,若资源存在侵权或相关问题请联系本站客服人员,8686821#qq.com,请把#换成@,本站将给予最大的支持与配合,做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明