传递数据到后台的几种方式

Posted 2020-08-09 黑土白云

0 cell-data-list.jsp

<form action="cell-data-list.jhtml?functionId=1093" theme="simple" method="post" target="_self" name="searchform" id="searchform">
    <div class="s_top_opt">
        <ul class="clear">
            <li class="ck">cat</li>
            <li><input type="text" class="w_t100" name="cat" value="<s:property value="cat"/>"/>
            <li><label class="b_cform_btn" style="display:inline-block; padding:0;"><input type="submit" class="input_btn" value="submit" /></label></li>
            <s:if test="items.size()>0">
            <li><label class="b_cform_btn" style="display:inline-block; padding:0;">
                <input type="button" class="input_btn" value="Download <s:property value="cat"/>" onclick="window.open(‘cell-data-export.jhtml?functionId=1093&cat=<s:property value="cat"/>‘,‘_blank‘)" />
            </label></li>
            </s:if>
        </ul>
    </div>
    <s:if test="error!=null && error.length()>0">
        <div style="color:red">
            ERROR: <s:property value="error"/>
        </div>
    </s:if>
</form

 

 

 

1. form表单：1. 提交表单的时候先执行check（）方法，为真时才去提交表单，付款时间用了wdatepicker插件

<div class="back_cform">
<s:form action="savePrepaymentItem" onsubmit="return check()">
    <input type="hidden" name="prepayment.id" value="<s:property value="prepayment.id"/>"/>
    <input type="hidden" name="item.id" value="<s:property value="item.id"/>"/>
    <input type="hidden" name="item.orderId" value="<s:property value="item.orderId"/>" id="orderId"/>
    <input type="hidden" name="item.orderPrice" value="<s:property value="item.orderPrice"/>" id="orderPrice"/>
    <input type="hidden" name="item.orderUnitAl" value="<s:property value="item.orderUnitAl"/>" id="orderUnitAl"/>
    <table id="table">
        <tr>
        	<th colspan="2" class="back_title"><h3>新增预付款订单 >></h3></th>
        </tr>
        <tr>
            <th>预付款公司</th>
            <td><s:property value="prepayment.company"/></td>
        </tr>
        <tr>
            <th>预付款金额</th>
            <td><s:property value="prepayment.unitAl"/> <s:property value="prepayment.advanceAmount"/></td>
        </tr>
        <tr>
            <th>预付款剩余金额</th>
            <td><s:property value="prepayment.unitAl"/> <s:property value="prepayment.remainAmount"/></td>
        </tr>
        <tr>
            <th>订单号</th>
            <td><input type="text" name="item.orderNo" class="w_t300" value="<s:property value="item.orderNo"/>" id="orderNo"></td>
        </tr>
        <tr>
            <th>订单金额</th>
            <td><span id="orderPriceText"><s:property value="item.orderUnitAl"/> <s:property value="item.orderPrice"/></span></td>
        </tr>
        <tr>
            <th>实际支付金额</th>
            <td><input type="text" name="item.paidPrice" class="w_t300" value="<s:property value="item.paidPrice"/>"></td>
        </tr>
        <tr>
            <th>付款时间</th>
            <td><input type="text" class="w_t300" id="payDate" name="item.payDate" value="<s:date name="item.payDate" format="yyyy-MM-dd"/>" onfocus="WdatePicker({el:‘payDate‘,dateFmt:‘yyyy-MM-dd‘,lang:‘en‘})"></td>
        </tr>
        <tr>
            <th>操作人</th>
            <td><s:property value="item.operator"/></td>
        </tr>
        <tr>
            <td align="right" colspan="2">
                <div class="b_cform_btn" >
                    <input type="button" value="Delete" class="input_btn" id="delete" style="background:darkred">
                    <input type="submit" value="Submit" class="input_btn" id="save">
                </div>
            </td>
        </tr>
    </table>
</s:form>
</div>
<script type="text/javascript">
    function check() {
        var orderId = $(‘#orderId‘).val();
        if ( ! orderId) {
            alert(‘未找到订单‘);
            return false;
        }
        return true;
    }
</script>

1.2
    public String prepaymentOrderInfo() {
        Map<String, Object> json = new HashMap<>();
        Optional<OrderDTO> orderDTO = prepaymentService.findOrderInfoByOrderNo(orderNo);
        if (orderDTO.isPresent()) {
            OrderDTO order = orderDTO.get();
            json.put("id", order.getId());
            json.put("no", order.getNo());
            json.put("unitAl", order.getUnitAL());
            if (order.calcUnitPriceFirst()) {
                json.put("price", order.getLocalPrice());
            } else {
                double price = order.getRealPrice() - Math.floor(order.getRealPrice() * 0.1 * (10 - order.getDiscount())) + order.getShippingFee() - order.getDiscounts();
                json.put("price", price);
            }
        } else {
            json.put("id", null);
        }
        writeJSON(json);
        return null;
    }

1.3
    @Override
    public Optional<OrderDTO> findOrderInfoByOrderNo(String orderNo) {
        String sql = "select id, no, unitAL, calcType, localPrice, realprice, discount, shippingFee, discounts" +
                "\n from selleck_order" +
                "\n where no=:no";
        Map<String, Object> params = new HashMap<>();
        params.put("no", orderNo);
        List<Map<String, Object>> list = dao.findRawBySql(sql, params);
        if (list.isEmpty()) {
            return Optional.empty();
        } else {
            Map<String, Object> map = list.get(0);
            OrderDTO order = new OrderDTO();
            order.setId(((Number) map.get("id")).intValue());
            order.setNo((String) map.get("no"));
            order.setUnitAL((String) map.get("unitAL"));
            order.setCalcType((String) map.get("calcType"));
            if (map.get("localPrice") != null) {
                order.setLocalPrice(((Number) map.get("localPrice")).doubleValue());
            }
            order.setRealPrice(((Number) map.get("realprice")).doubleValue());
            order.setDiscount(((Number) map.get("discount")).doubleValue());
            order.setShippingFee(((Number) map.get("shippingFee")).doubleValue());
            order.setDiscounts(((Number) map.get("discounts")).doubleValue());
            return Optional.of(order);
        }
    }

//1.4
	protected void writeJSON(Object obj) {
		try {
			String json = mapper.writeValueAsString(obj);
			HttpServletResponse response = ServletActionContext.getResponse();
			response.setContentLength(json.getBytes(utf8).length);
			response.setContentType("application/json;charset=UTF-8");
			response.getWriter().write(json);
		} catch (Exception e) {
			e.printStackTrace();
			throw new RuntimeException(e);
		}
	}

 

注意：js上面还有单独的

<s:url action="deletePrepaymentItem" var="deleteAction" escapeAmp="false">
    <s:param name="prepayment.id" value="prepayment.id"/>
    <s:param name="item.id" value="item.id"/>
</s:url>

//1.0  window.location = url;
<script type="text/javascript">
    $(‘#orderNo‘).on(‘change‘, function() {
        $(‘#save‘).hide();
        $.getJSON(‘<s:url action="prepaymentOrderInfo"/>‘, {orderNo: $(this).val()})
                .done(function(json) {
                    $(‘#orderId‘).val(json.id);
                    $(‘#orderUnitAl‘).val(json.unitAl);
                    $(‘#orderPrice‘).val(json.price);
                    $(‘#orderPriceText‘).text(json.unitAl + ‘ ‘ + json.price);
                })
                .always(function() {
                    $(‘#save‘).show();
                })
    });
    $(‘#delete‘).on(‘click‘, function () {
        if (confirm(‘由预付款中删除此订单？‘)) {
            window.location = ‘<s:url action="deletePrepaymentItem"/>‘ + ‘?prepayment.id=‘ + ‘<s:property value="prepayment.id"/>‘ + ‘&item.id=‘ + ‘<s:property value="item.id"/>‘;
        }
    });
</script>

 window.open(url);

    <script language="javascript">
        function exportExcel() {
            var company = $("#precompany").val();
            var salesman = $("#presalesman").val();
            var remainAmountType = $("#preselect").val();
            var url = ‘arshare/exportExcel.jhtml?company=‘ + (encodeURI(company)) + ‘&remainAmountType=‘ + (encodeURI(remainAmountType)) + ‘&salesman=‘ + (encodeURI(salesman));
            window.open(url)
        }
    </script>

 3. 通过a标签

                                    <s:iterator var="item" value="#prepayment.items">
                                    <tr>
                                        <td class="w80"><label><s:property value="#item.orderNo"/></label></td>
                                        <td class="w100"><label><s:property value="#item.orderUnitAl"/> <s:property value="#item.orderPrice"/></label></td>
                                        <td class="w100"><label><s:property value="#prepayment.unitAl"/> <s:property value="#item.paidPrice"/></label></td>
                                        <td class="w120"><label><s:date name="#item.payDate" format="yyyy-MM-dd"/></label></td>
                                        <td class="w100"><label><s:property value="#item.operator"/></label></td>
                                        <td class="w30">
                                            <label>
                                                <a href="<s:url action="editPrepaymentItem"/>?prepayment.id=<s:property value="#prepayment.id"/>&item.id=<s:property value="#item.id"/>">Edit</a>
                                            </label>
                                        </td>
                                    </tr>
                                    </s:iterator>
                                </table>