使用RequireJs和Bootstrap模态框实现表单提交
2017-09-28 00:00
357 查看
下面我将使用requirejs结合模态框实现三五行代码部署表单提交操作。
优点:代码解耦,便于复用。什么时候你想复用,只需require你编写好的js模块,即可!里面的bootstrap,jquery,模态框等等所有东西都会加载好(因为你在定义的时候,已经写好依赖关系了)
举个例子:我们项目中关于项目授权的使用至少存在三个页面,编写好这样一个js模块,可以很轻易的在那三个页面上复用。如果使用传统办法,估计要复制粘贴大量的html和js。
看一下代码运行效果吧:
源代码地址:
https://github.com/lewis617/myflask/tree/master/requirejsModal
传统开发思路如下:
缺点:所有代码写在一个html中,难以阅读,难以维护,难以复用!使用requirejs开发思路如下(且看笔者如何解耦模块化代码):
缺点:编写过程较为复杂优点:代码解耦,便于复用。什么时候你想复用,只需require你编写好的js模块,即可!里面的bootstrap,jquery,模态框等等所有东西都会加载好(因为你在定义的时候,已经写好依赖关系了)
举个例子:我们项目中关于项目授权的使用至少存在三个页面,编写好这样一个js模块,可以很轻易的在那三个页面上复用。如果使用传统办法,估计要复制粘贴大量的html和js。
看一下代码运行效果吧:
源代码地址:
https://github.com/lewis617/myflask/tree/master/requirejsModal
相关文章推荐
- Bootstrap使用模态框modal实现表单提交弹出框
- Bootstrap使用模态框modal实现表单提交弹出框
- 使用jQuery实现跨域提交表单数据
- 使用jQuery.form插件,实现完美的表单异步提交
- 使用Post/Redirect/Get实现Asp.net防止表单重复提交
- Android使用MultipartEntityBuilder实现类似form表单提交方式的文件上传
- goahead 使用CGI,实现对表单的提交
- 使用jQuery和Bootstrap实现多层、自适应模态窗口
- Jquery:使用$.ajax()和serialize()函数来实现表单提交
- 使用iframe实现提交表单不刷新页面
- 使用jQuery.form插件,实现完美的表单异步提交
- 使用jQuery和Bootstrap实现多层、自适应模态窗口
- 使用jQuery.form插件,实现完美的表单异步提交【转发】
- 不使用ajax实现无刷新提交表单
- 使用struts2拦截器实现防止表单数据重复提交
- 使用jQuery.form插件,实现完美的表单异步提交
- 使用jQuery.form插件实现表单异步提交+上传文件
- 不使用ajax实现无刷新提交表单
- 使用VB实现邮箱自动注册(一):表单自动提交
- 使用iframe实现无刷新表单提交