前后台交互积累（一）

刚开始实习接触商业项目，想积累点开发经验，欢迎互相交流

一、前台通过JS中的方法去后台拿到数据，封装到map中，存入缓存，然后再通过方法，调用数据

前台JSP中部分代码：

var businessstatusMap= returndataMap(sy.contextPath + '/dicType/getDicTreeMap/PDW_OBJ_ENT_TradeStatus');
var economicTypeMap=returndataMap(sy.contextPath + '/dicType/getDicTreeMap/PDW_BASIC_ECONOMICTYPE');

function search(){
$('#gridList').datagrid({
        url: sy.contextPath + '/enterprise/findJoinTrade',
        method:'post',
        queryParams: $("#searchForm").serializeJson(), 
        pagination: true,
        striped: true,
        nowrap:false,
        singleSelect: false,
        fit : true,
collapsible : true,
        loading:true,
        loadMsg:loadMsgs,
        fitColumns:true,
        showHeader:true,
        pageNumber:1,
        pageSize:pageSizes,
        pageList:pageLists,
        rownumbers:true,       
        idField:'id', 
        sortName:'id',
        sortOrder:'desc',
        columns:[[
{field:'cnname', title:'业户名称', align:'left', sortable:'true', width:'25%'},
{field:'abbreviation', title:'业户简称', align:'left', sortable:'true', width:'10%'},
{field:'businessstatus', title:'业户经营状态', align:'left', sortable:'true', width:'10%', 
formatter: function(val){
return businessstatusMap[val]; 
                }},
{field:'registeredaddress', title:'营业执照登记地', align:'left', sortable:'true', width:'15%'},
{field:'economictype', title:'经济类型', align:'left', sortable:'true', width:'15%',
formatter: function(val){
return economicTypeMap[val]; 
                }},
            {field:'enterprisetrade', title:'管理机构', align:'left', sortable:'true', width:'15%',
                formatter: function(value){
                if (value){
                         return value.manageragence;
                      } else {
                         return '';
                      }
                    }    
            },

{field:'id', title:'操作', align:'left', width:'8%',
            formatter: function(value, row, index){   
            var v = '';
            v += viewBtn(row.id);
                    return v;
                }
            }
        ]],
        onLoadError: function(){   
        $.messager.alert(warningTitle, errorMsgs, 'warning');
        closeProgress();
        },onBeforeLoad : function(param) {
startProgress();
},
onLoadSuccess : function(data) {
clearGrid($('#gridList'));
closeProgress();
}
    }); 
}

JS代码：

//添加解析json字符串方法
function returndataMap(url){
var map ={};
$.get(url, null, function(data) {
$.each(data, function(i, val) {
//map[val.code] = val.text;
$.each(val, function(key,value){
map[key] = value;
});
});
});
return map;
}

后台部分代码：

protected void renderJson(Map map, HttpServletResponse response) {
try {
response.setContentType("application/json; charset=utf-8");
ObjectMapper objectMapper = new ObjectMapper();
JsonGenerator jsonGenerator = objectMapper.getJsonFactory()
.createJsonGenerator(response.getWriter());
jsonGenerator.writeStartObject();
jsonGenerator.writeFieldName("rows");
jsonGenerator.writeObject(map);
jsonGenerator.writeEndObject();
if (jsonGenerator != null) {
jsonGenerator.flush();
}
if (!jsonGenerator.isClosed())
jsonGenerator.close();
} catch (IOException e) {
throw new RuntimeException(e);
}
}

传入后台JSON格式：

{"rows":{"202":"过期（非在册）","203":"注销","204":"撤销/许可撤销","205":"吊销","301":"其他","201":"审批中/预增加","206":"歇业","2":"非在册","1":"在册","107":"整改","10301":"停业/暂停经营","106":"过期","10303":"停业整顿","104":"待注销","10302":"从未经营","103":"停业","102":"待转入","101":"正常/在册/运营"}}