javascript使用post方法传值

Posted 2021-01-14 menbbo

1.js代码

<script type="text/javascript">
     function addSku(skuId){
         var m = $("#m"+skuId).attr("disabled",true).val(); //变暗复选框
         var p = $("#p"+skuId).attr("disabled",true).val();
         var i = $("#i"+skuId).attr("disabled",true).val();
         var l = $("#l"+skuId).attr("disabled",true).val();
         var f = $("#f"+skuId).attr("disabled",true).val();
         var url = "/sku/add.do";
         var params ={"marketPrice" : m,"skuPrice" : p,"stockInventory" : i,"skuUpperLimit" : l,"deliveFee" : f,"id" : skuId};
         $.post(url,params,function(data){alert(data.message)},"json");

        //会自动封装js传来的params参数到Sku对象中

} </script>

<form method="post" id="tableForm">
<table cellspacing="1" cellpadding="0" border="0" width="100%" class="pn-ltable">
    <thead class="pn-lthead">
        <tr>
            <th width="20"><input type="checkbox" onclick="Pn.checkbox(‘ids‘,this.checked)"/></th>
            <th>商品编号</th>
            <th>商品颜色</th>
            <th>商品尺码</th>
            <th>市场价格</th>
            <th>销售价格</th>
            <th>库       存</th>
            <th>购买限制</th>
            <th>运       费</th>
            <th>是否赠品</th>
            <th>操       作</th>
        </tr>
    </thead>
    <tbody class="pn-ltbody">
    <c:forEach items="${skuList }" var="entry">  
            <tr bgcolor="#ffffff" onmouseover="this.bgColor=‘#eeeeee‘" onmouseout="this.bgColor=‘#ffffff‘">
                <td><input type="checkbox" name="ids" value="73"/></td>
                <td>${entry.id}-${pno}</td>
                <td align="center">${entry.color.name}</td>
                <td align="center">${entry.size }</td>
                <td align="center"><input type="text" id="m${entry.id }" value="${entry.marketPrice }" disabled="disabled" size="10"/></td>
                <td align="center"><input type="text" id="p${entry.id }" value="${entry.skuPrice }" disabled="disabled" size="10"/></td>
                <td align="center"><input type="text" id="i${entry.id }" value="${entry.stockInventory }" disabled="disabled" size="10"/></td>
                <td align="center"><input type="text" id="l${entry.id }" value="${entry.skuUpperLimit }" disabled="disabled" size="10"/></td>
                <td align="center"><input type="text" id="f${entry.id }" value="${entry.deliveFee }" disabled="disabled" size="10"/></td>
                <td align="center">不是</td>
                <td align="center"><a href="javascript:updataSku(${entry.id })" class="pn-opt">修改</a> | <a href="javascript:addSku(${entry.id })" class="pn-opt">保存</a></td>
            </tr>
        </c:forEach>
    </tbody>
</table>

2.controller层

    @RequestMapping(value="/sku/add.do")
    public String add(Sku sku,ModelMap model,HttpServletResponse response){
        skuService.updateSkuByKey(sku); //会自动封装js传来的params参数到Sku对象中
        JSONObject jo = new JSONObject();
        jo.put("message","修改成功");
        ResponUtils.renderJson(response, jo.toString());
        return "redirect:sku/list.do";
    }