前后端交互中出现的问题(一)
1.data 数据缺失 在新增js文件中
1 | < button class="btn btn-info" ng-click="vm.create()">< i class="fa fa-plus"></ i >新增</ button > |
在页面上的新增按钮添加了点击事件,来实现录入数据
1 2 3 4 | //新增 vm.create = function () { openCreateOrEditOrder(); }; |
设置按钮点击触发的函数,之后调用该函数
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | //弹窗 function openCreateOrEditOrder() { var modalInstance = $uibModal.open({ templateUrl: '~/App/Main/views/international/policy/fluxCache/createOrEditModal.cshtml' , controller: 'app.views.international.policy.fluxCache.createOrEditModel as vm' , backdrop: 'static' //size: 'lg'//lg:大窗口弹窗,默认的为小窗口弹窗 //resolve: { // data: function () { // return data; // } //} }); modalInstance.result.then( function (result) { vm.getFluxCacheMx(); //调用查询的函数 }); }; |
之后在新增的js文件中要进行相关操作,代码如下
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 | ( function () { appModule.controller( 'app.views.international.policy.fluxCache.createOrEditModel' , [ '$scope' , '$uibModalInstance' , function ($scope, $uibModalInstance) { var vm = this ; vm.saving = false ; //界面输入正则验证条件 vm.patternCarrier = app.consts.patterns.carriers; vm.patternCity = app.consts.patterns.cityCodes; vm.data = { tripType: '1' , departCode: '' , arriveCode: '' , goFlightDateRange: '' , backFlightDateRange: '' , cacheDays: '' }; //保存操作 //vm.save = function () { // //如果单程,回程日期为空 // if (vm.data.tripType == 1) // vm.data.backFlightDateRange = null; // vm.saving = true; // ctripPolicyService.createOrUpdatePolicy( // vm.data // ).success(function (result) { // if (result.code) { // abp.notify.success(result.message); // $uibModalInstance.close(); // } else { // abp.notify.error(result.message); // } // }) // .finally(function () { // vm.saving = false; // }); //}; //取消操作 vm.cancel = function () { $uibModalInstance.dismiss(); }; } ]); })(); |
现在就出现了一个很容易忽略的问题,data数据的缺失
1 2 3 | appModule.controller( 'app.views.domestic.airweb.3u.modal' , [ '$scope' , '$uibModalInstance' , 'uiGridConstants' , 'abp.services.app.airWeb' , 'data' , function ($scope, $uibModalInstance, uiGridConstants, airwebService,data) { |
请求头上要定义data参数,后面才可以调用
页面效果图:
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· Linux glibc自带哈希表的用例及性能测试
· 深入理解 Mybatis 分库分表执行原理
· 如何打造一个高并发系统?
· .NET Core GC压缩(compact_phase)底层原理浅谈
· 现代计算机视觉入门之:什么是图片特征编码
· 手把手教你在本地部署DeepSeek R1,搭建web-ui ,建议收藏!
· Spring AI + Ollama 实现 deepseek-r1 的API服务和调用
· 数据库服务器 SQL Server 版本升级公告
· 程序员常用高效实用工具推荐,办公效率提升利器!
· C#/.NET/.NET Core技术前沿周刊 | 第 23 期(2025年1.20-1.26)