• jquery使用post方法传值


    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";
        }

     3.ResponUtils工具类

    public class ResponUtils {
        
          //发送的是Json
          public static void renderJson(HttpServletResponse response,String text){
                render(response,"application/json;charset=UTF-8",text);
          }
          //发送xml
          public static void renderXml(HttpServletResponse response,String text){
              render(response,"text/xml;charset=UTF-8",text);
         }
          //发送text
          public static void renderText(HttpServletResponse response,String text){
                render(response,"text/plain;charset=UTF-8",text);
          }
          public static void render(HttpServletResponse response,String contentType,String text){
              response.setContentType(contentType);
              try {
                    response.getWriter().write(text);
                } catch (IOException e) {
                    // TODO Auto-generated catch block
                    e.printStackTrace();
                }
        }
    }
  • 相关阅读:
    微信接口开发之高级篇系列【微信权限封装类WechatAuth】
    微信接口开发之高级篇系列【用户分组接口和生成带参数的二维码】
    微信接口开发之高级篇系列【网页授权获取用户基本信息】
    微信接口开发之高级篇系列【微信JS-SDK】
    微信接口开发之高级篇系列【网页授权详细说明【提供测试账号使用】】
    微信接口开发之高级篇系列【网页授权接口】
    历史SQL语句之一
    盘点2019 | 金融科技发展大事件~
    FinTech终于被正名!央行印发金融科技发展规划
    安装配置开源的laravel项目到本地环境
  • 原文地址:https://www.cnblogs.com/menbo/p/9828762.html
Copyright © 2020-2023  润新知