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. FastDFS 配置 Nginx 模块,并实现分布式同步-Linux

    1.搭建虚拟机 a.复制虚拟机文件 首先复制我们之前安装好的fastdfs虚拟机,因为我们现在要设置它的IP为21,改名为CentOS-fastdfs - 21. b.设置网络 生成新的MAC地址 设 ...

  2. 重新指派usb转串口模块在linux系统中的设备调用名称

    How to remap /dev/ttyUSB* to a specific name to be called by my program. How to map /dev/ttyUSB* to ...

  3. org.springframework.web.servlet.PageNotFound - No mapping found for HTTP request with URI

    在重启项目中会遇到[org.springframework.web.servlet.PageNotFound] - No mapping found for HTTP request with URI ...

  4. git 常用操作总结

    廖雪峰博客的git 教程写得不错, 很详细,但是却总结的不是很好. 这里哥再详细总结一遍吧! Git鼓励大量使用分支: 查看分支:git branch 创建分支:git branch 切换分支:git ...

  5. 启动标志 和launchMode

    (1) FLAG_ACTIVITY_NEW_TASK: 操作: Activity A启动开僻Task堆栈(堆栈状态: A), 在Activity A中启动Activity B, 启动Activity ...

  6. vue-i18n

    安装 npm install vue-i18n 初始化 import VueI18n from 'vue-i18n' Vue.use(VueI18n) const messages = { zh: { ...

  7. android除去标题栏或全屏

    想要除去标题栏只要加上下面两句代码在Activity的onCreate方法中即可(要在setContentView之前添加). requestWindowFeature(Window.FEATURE_ ...

  8. Dictionary转为Model实例

    Dictionary<string, object> dic = new Dictionary<string, object>(); dic.Add(); dic.Add(&q ...

  9. spark使用scala读取Avro数据(转)

    这是一篇翻译,原文来自:How to load some Avro data into Spark. 首先,为什么使用 Avro ? 最基本的格式是 CSV ,其廉价并且不需要顶一个一个 schema ...

  10. cxgrid合并值相同的某列

    设置 cxGrid 的某列的 CellMerging 属性可使这一列相同值的单元格合并. 1)cxGridDBTableViewColumn1.Options.CellMerging:=true  2 ...