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();
}
}
}

jquery使用post方法传值的更多相关文章

  1. MVC中使用Ajax提交数据 Jquery Ajax方法传值到action

    Jquery Ajax方法传值到action <script type="text/javascript"> $(document).ready(function(){ ...

  2. jquery的ajax()函数传值中文乱码解决方法介绍

    jquery的ajax()函数传值中文乱码解决方法介绍,需要的朋友可以参考下 代码如下: $.ajax({ dataType : ‘json', type : ‘POST', url : ‘http: ...

  3. jquery的ajax post 方法传值到后台,无法通过HttpServletRequest得到

    今天通过$.ajax({type:"post"});和$.post()方法传值到后台,发现servelet通过HttpServletRequest无法获取到值,但通过get方法却可 ...

  4. 开发portlet中的一些问题记录,portlet:resourceURL用法,portlet中通过processAction方法传值

    在portlet页面中引入js或者css,通过c或者s标签 <!--jquery实际放的地方:/MyTask/WebContent/scripts/jquery-1.8.3.min.js--&g ...

  5. jquery 通过submit()方法 提交表单示例

    jquery 通过submit()方法 提交表单示例: 本示例:以用户注册作为例子.使用jquery中的submit()方法实现表单提交. 注:本示例仅提供了对表单的验证,本例只用选用了三个字段作为测 ...

  6. jquery.on()超级方法

    $.on()方法是jquery1.7之后的一个超级方法,将事件绑定和事件委托整合到一个函数中去,支持绑定多个事件,并且可以绑定自定义事件.使用起来很方便. demo传送门 事件委托 首先说一下事件委托 ...

  7. 重写jquery的ajax方法

    //首先备份下jquery的ajax方法 var _ajax=$.ajax; //重写jquery的ajax方法 $.ajax=function(opt){ //备份opt中error和success ...

  8. jQuery的extend方法

    jq中的extend在面试中经常会被问道,今天我总结一个下有关于extend的用法三种进行对比,可能不全,希望大家指点, 用法一: $.extend({})  ,为jQuery类添加方法,可以理解为扩 ...

  9. jQuery中eq()方法用法实例

    本文实例讲述了jQuery中eq()方法用法.分享给大家供大家参考.具体分析如下: 此方法能够获取匹配元素集上的相应位置索引的元素. 匹配元素集上元素的位置索引是从0开始的. 语法结构: 复制代码 代 ...

随机推荐

  1. 权限认证之OpenID-OP/RP

    OpenID规范文档中的介绍: OpenID 认证提供了一种方式,可以让用户证明自己对某个 Identifier 拥有控制权. 它不需要 Relying Party 去访问用户的凭据比如密码或者其他的 ...

  2. Ruby学习笔记1 -- 基本语法和数据类型, Class

    Ruby 有4种数据类型:String, Boolen, Array, Hashes Ruby 有3种操作方法:Method, attribute, ?? Ruby 有xxx: Classes, Ob ...

  3. Spring MVC 学习笔记11 —— 后端返回json格式数据

    Spring MVC 学习笔记11 -- 后端返回json格式数据 我们常常听说json数据,首先,什么是json数据,总结起来,有以下几点: 1. JSON的全称是"JavaScript ...

  4. Angular.js入门

    一.引入angular.js  <script type="text/javascript" src="../plugins/angularjs/angular.m ...

  5. asp.net Log4Net错误日志个人总结

    1)创建Global.asax protected void Application_Start(object sender, EventArgs e) { log4net.Config.XmlCon ...

  6. Shell 编程(函数)

    声明函数 demoFun(){ echo "这是我的第一个 shell 函数!" } 函数名(){ ...函数体 } 在Shell中,调用函数时可以向其传递参数.在函数体内部,通过 ...

  7. MySQL把一个大表拆分多个表后,如何解决跨表查询效率问题

    大表分表后每个表的结构相同,可以用sql的union 比如a,b表结构相同可以通过union来联接 select * from aunion allselect * from bwhere.... 其 ...

  8. AES-128-CBC C语言代码

    /** * Copyright (c) 2007, Cameron Rich * * All rights reserved. * * Redistribution and use in source ...

  9. PowerDesigner 把Comment写到name中 和把name写到Comment中 pd7以后版本可用

    在使用PowerDesigner对数据库进行概念模型和物理模型设计时,一般在NAME或Comment中写中文,在Code中写英文.Name用来显 示,Code在代码中使用,但Comment中的文字会保 ...

  10. DJango之视图函数

    一)Django WEB框架 2) request.path和request.get_full_path() 是请求的路径 3)render:页面渲染 4)redirect:页面跳转 3)模板语法: ...