如何用js实现依赖注入的思想，后端框架思想搬到前端来_javascript技巧

应用场景： 前后端一一对应、表单内容保存、列表陈述等。

架构思路： 分发器、依赖注入等。

基本代码陈述：

比如list使用：

效果图：

比如表单内容保存，那就更简单了：

j.dispatcher.ajax.company.save({
validation: {
rulesCallBack: function (rules) {
rules.Name.remote = {
url: '/handler/validation.ashx?type=cn',
type: "post", //提交方式
data: {
CompanyName: function () {
return encodeURIComponent($("#Name").val()); //编码数据
}
}
}
rules.ConfirmParssword.equalTo = "#Password";
rules.AccountName.remote = {
url: '/handler/validation.ashx?type=an',
type: "post", //提交方式
data: {
AccountName: function () {
return encodeURIComponent($("#AccountName").val()); //编码数据
}
}
}
},
messagesCallBack: function (messages) {
messages.Name.remote = '该公司已经被注册！';
messages.AccountName.remote = '该用户名已经存在！';
messages.ConfirmParssword.equalTo = '两次密码不一致';
},
filters: ['Cellphone', 'Email']
},
post: {
success: function () {
alert(this.message);
window.location ='/company/list';
}
}
});
后端：后端其实很简单类，只要有这样分发器的实现地址就可以了，比如上面的：/company/save

PS: 前端管理框架我是用于基于bootsrap的一个后台框架.

有同学问，js什么什么，这个只是自己封装的一个js库，后续会跟大家分享

以上内容就是本文的全部叙述，希望对大家有所帮助。