html、css/bootStrap、js/Jquery、ajax与json数据交互总结
2019-06-01 13:30
741 查看
设计个个人网站,利用CSS、JavaScript、HTML5、jQuery库和AJAX等
实现网站各功能模块,下面介绍我设计的网站各大功能模块:
个人简历模块:
包涵个人基本信息(利用CSS的float和clear属性实现个人照片与文字的浮动排版)、求学经历、获奖情况、参与社团、兴趣爱好等(一个方面组织成一张网页),利用框架技术实现在同一区域显示不同网页内容。
注册/登入模块
用户注册和登录:使用jQuery实现注册表单验证和登录表单验证
登入首页
利用文字、图片(使用AJAX实现图片轮转)展示家乡特产和美食
家乡旅游景点
利用文字、图片、视频(自拍视频,配字幕和解说)展示
成绩显示
班级通讯录或班级学生成绩展示:使用AJAX基于本地XML或JSON数据实现班级通讯录或学生成绩册在网页上展示。
在线源码获取(博主的存储容量不够了):
关注微信公众号获取吧!
相关文章推荐
- JQuery的ajax获取数据后的处理总结(html,xml,json)
- 前端纯js(html+css+jquery+ajax)实现网站页面获取后端数据并进行条件筛选功能
- JQuery的ajax获取数据后的处理总结(html,xml,json)
- 玩转Web之Json(二)----jquery easy ui + Ajax +Json+SQL实现前后台数据交互
- 关于ASP.NET下,JQuery+AJAX使用JSON返回对象集合List数据的总结
- JQuery和原生JS跨域加载JSON数据或HTML。
- Highcharts AJAX JSON JQuery 实现动态数据交互显示图表
- Highcharts AJAX JSON JQuery 实现动态数据交互显示图表 柱形图
- IE9.0或者360下js(JavaScript、jQuery)不能正确执行(加载),按F12后执行正常;Firefox下ajax的success返回数据data(json、string)无法获取
- IE9.0或者360下js(JavaScript、jQuery)不能正确执行(加载),按F12后执行正常;Firefox下ajax的success返回数据data(json、string)无法获取
- jquery的$.ajax()利用json数据类型与php后台交互
- 每日知识总结计划(java、android、react native、web框架、js、css、html、ajax)首页
- 转:关于ASP.NET下,JQuery+AJAX使用JSON返回数据的总结
- 基于jQuery的AJAX和JSON实现纯html数据模板
- html中的js监听付款按钮--触发ajax调用php后台--得到的json数据---交给安卓原生处理
- Ajax与jQuery-利用$.get()和$.post()方法传递html,xml,json数据
- [转]IE9.0或者360下js(JavaScript、jQuery)不能正确执行(加载),按F12后执行正常;Firefox下ajax的success返回数据data(json、string)无法获取
- js模版引擎(基于html模版和json数据的javascript交互)(第二讲)完结篇
- 【原创】cs+html+js+css模式(六):改造ajax.js,从原来的原生态js修改为依赖于jquery插件