在EXT中前后台传数据的方式

分手后的思念是犯贱 2023-07-25 12:54 21阅读 0赞

## 后台向前台页面传输数据 ##

首先在后台接口层中定义一个全局变量，用来存储结果集

private List				retList;

然后在调用service层方法时，用这个变量来接收方法返回值

this.retList = service.text();

然后在extjs中获取这个结果集

var retList = Ext.decode(response.responseText).retList;

这样retList中就已经包含了service层中方法的返回值

## 前台页面向后台传输数据 ##

这是我的前台页面效果 一个弹窗 将弹窗内输入框的内容传输到后台  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTE1MTk2MA_size_16_color_FFFFFF_t_70]

if (_formPanel.getForm().isValid()) { 
    			//利用data来接收弹窗页面输入框的内容
                var data = _formPanel.getForm().getValues();
                //关闭弹窗页面
                _win.close();
                //显示正在加载页面
                frame.util.ShowLoadMask("请稍等");
                //使用ajax请求
                Ext.Ajax.request({ 
                	//后台接口
                    url: 'RemoteOperateLogAction!text.action',
                    root: 'retList',
                    params: { 
                        //将data传到后台
                        data: Ext.encode([data])
                    },
                    //回调函数 判断是否成功
                    success: function (response, options) { 
                        var success = Ext.decode(response.responseText).success;
                        if (success == true) { 
                            frame.util.HideLoadMask();
                            frame.util.ShowAutoPopoMsg("获取长期密码成功!");
                            config.grid.getStore().reload();
                            _win.close();
                        }
                        //在控制台打印store
                        console.log(store)
                    },
                    failure: frame.OnNetWorkFailure
                });
            }

在后台定义一个全局变量data

private String				data;

然后接收这个data

List<Map<String,Object>> listMap = readArrayObject4Json(this.data);

这样listMap中就获取前台页面的数据了

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTE1MTk2MA_size_16_color_FFFFFF_t_70]: /images/20230528/302831567fe84d5abc35411f06ae7ef3.png