如何用js实现依赖注入的思想，后端框架思想搬到前端来_javascript技巧
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了如何用js实现依赖注入的思想，后端框架思想搬到前端来_javascript技巧，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含8986字，纯文字阅读大概需要13分钟。
内容图文
大家在做些页面的时候，很多都是用ajax实现的，在显示的时候有很多表单提交的add或者update操作，显然这样很烦，突然想到了一个比较好的方法，下面给大家分享下如何用js 实现依赖注入的思想，后端框架思想搬到前端来。
应用场景： 前后端一一对应、表单内容保存、列表陈述等。
架构思路： 分发器、依赖注入等。
基本代码陈述：
比如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库，后续会跟大家分享
以上内容就是本文的全部叙述，希望对大家有所帮助。
内容总结
以上是互联网集市为您收集整理的如何用js实现依赖注入的思想，后端框架思想搬到前端来_javascript技巧全部内容，希望文章能够帮你解决如何用js实现依赖注入的思想，后端框架思想搬到前端来_javascript技巧所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。