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

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

文件下载

资源详情

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