使用RequireJs和Bootstrap模态框实现表单提交

下面我将使用Requirejs结合模态框实现三五行代码部署表单提交操作。

传统开发思路如下:

缺点:所有代码写在一个html中,难以阅读,难以维护,难以复用!

使用Requirejs开发思路如下(且看笔者如何解耦模块化代码):

缺点:编写过程较为复杂

优点:代码解耦,便于复用。什么时候你想复用,只需require你编写好的js模块,即可!里面的bootstrap,jquery,模态框等等所有东西都会加载好(因为你在定义的时候,已经写好依赖关系了)

举个例子:我们项目中关于项目授权的使用至少存在三个页面,编写好这样一个js模块,可以很轻易的在那三个页面上复用。如果使用传统办法,估计要复制粘贴大量的html和js。

看一下代码运行效果吧: