js传json类型数据给后端|后端接收json格式参数

需求是:前端组装json格式参数,调用后端接口。根据接口返回值设置数据回显

js传json类型数据给后端|后端接收json格式参数_第1张图片

 

前端调用接口代码:

function countExpertFee(){
        var params = {}
        var expertList = []
        // 评审时长 reviewDuration, 评标所在地区evaluationArea
        params = {
            reviewDuration: $('#reviewDuration').val(),
            evaluationArea: $('#evaluationArea').val(),
        }
        // 获取专家id和地区id和其他费用
        $('.idCard').each(function() {
            var idCard = $(this).val();
            var expertArea = $(this).parent().parent().find('.expertArea').val();
            var otherFee = $(this).parent().parent().find('.otherFee').val();
            var expert = {
                idCard: idCard,
                expertArea: expertArea,
                otherFee: otherFee
            }
            expertList.push(expert)
        })
        params.expertList = expertList
        console.log(JSON.stringify(params))
        showLoading();
        $.ajax({
            url: zy.contextPath + '/expertFee/countExpertFee',
            type: 'POST',
            contentType: 'application/json;charset=UTF-8',
            data: JSON.stringify(params),
            success: function (result) {
                hidenLoading();
                //保存完回静态页面
                console.log(result);
                var data = jQuery.parseJSON(result);
                if (data.code!='1') {
                    $.messager.alert('系统消息', data.msg, 'error');
                    return;
                }
                var modelList = data.data;
                // 评审费(元) 交通费(元) 在途补助(元) 合计(元)
                modelList.forEach(function(val, index) {
                    console.log(val)
                    console.log(index)
                    $('.reviewFee').eq(index).val(val.reviewFee)
                    $('.trafficFee').eq(index).val(val.trafficFee)
                    $('.transitFee').eq(index).val(val.transitFee)
                    $('.totalFee').eq(index).val(val.totalFee)
                })
            }
        });

    }

后端接口代码:

    /**
     * 专家费计算按钮操作
     *
     * @param
     * @return
     */
    @RequestMapping(value = "/expertFee/countExpertFee",method = RequestMethod.POST)
    @ResponseBody
    public ApiResult countExpertFee(@RequestBody TPExpertFees params) {
        System.out.println(params);
        return tpExpertFeeService.countExpertFee(params);

    }

你可能感兴趣的:(java,前端,学习笔记,javascript,json,前端)