关闭

jsp页面中的post提交方式

3122人阅读 评论(0) 收藏 举报
分类:
<script type="text/javascript">

这个是怎么操作,让输入框只能选中一个是可以修改的,这个是先让所有的disable属性生效,然后是让单独的一个打开就是这样的一个逻辑
function updateSku(skuid){

$("#jvBody input").attr("disabled",true);

/*市场价格  */
$("#m"+skuid).attr("disabled",false);
/*销售价格  */
$("#p"+skuid).attr("disabled",false);
/*库存  */
$("#s"+skuid).attr("disabled",false);
/*购买限制  */
$("#l"+skuid).attr("disabled",false);
/*运费  */
$("#f"+skuid).attr("disabled",false);


}



这个是修改之后的异步提交,通过post方式的提交,首先是让这个所有的输入框都是不可以修改的,然后是获取输入框的值

然后是设置post提交方式的参数,首先是url,然后是param这个param是以json格式设置的,

然后是重点的理解这个

$.post(url,param,function(data){

alert(data.message);
},"json");

因为是以json格式传递的,所以这个一定是要加一个这个json声明


function addSku(skuid){
/*市场价格  */
var m = $("#m"+skuid).attr("disabled",true).val();
/*销售价格  */
var p = $("#p"+skuid).attr("disabled",true).val();
/*库存  */
var s = $("#s"+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 param = {"marketPrice":m,"price":p,"stock":s,"upperLimit":l,"deliveFee":f,"id":skuid};

$.post(url,param,function(data){

alert(data.message);
},"json");
}


</script>
</head>
<body id="jvBody">
<div class="box-positon" >
<div class="rpos">当前位置: 库存管理 - 列表</div>
<div class="clear"></div>
</div>
<div class="body-box">
<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="${skus }" var="sku">
<tr bgcolor="#ffffff" onmouseover="this.bgColor='#eeeeee'" onmouseout="this.bgColor='#ffffff'">
<td><input type="checkbox" name="ids" value="${sku.id }"/></td>
<td>${sku.productId }</td>
<td align="center">${sku.color.name }</td>
<td align="center">${sku.size }</td>
<td align="center"><input type="text" id="m${sku.id }" value="${sku.marketPrice }" disabled="disabled" size="10"/></td>
<td align="center"><input type="text" id="p${sku.id }" value="${sku.price }" disabled="disabled" size="10"/></td>
<td align="center"><input type="text" id="s${sku.id }" value="${sku.stock }" disabled="disabled" size="10"/></td>
<td align="center"><input type="text" id="l${sku.id }" value="${sku.upperLimit }" disabled="disabled" size="10"/></td>
<td align="center"><input type="text" id="f${sku.id }" value="${sku.deliveFee }" disabled="disabled" size="10"/></td>
<td align="center">不是</td>
<td align="center"><a href="javascript:updateSku('${sku.id }')" class="pn-opt">修改</a> | <a href="javascript:addSku('${sku.id }')" class="pn-opt">保存</a></td>
</tr>
</c:forEach>
</tbody>
</table>
</form>
</div>
</body>
</html>
0
1

猜你在找
【直播】机器学习&数据挖掘7周实训--韦玮
【套餐】系统集成项目管理工程师顺利通关--徐朋
【直播】3小时掌握Docker最佳实战-徐西宁
【套餐】机器学习系列套餐(算法+实战)--唐宇迪
【直播】计算机视觉原理及实战--屈教授
【套餐】微信订阅号+服务号Java版 v2.0--翟东平
【直播】机器学习之矩阵--黄博士
【套餐】微信订阅号+服务号Java版 v2.0--翟东平
【直播】机器学习之凸优化--马博士
【套餐】Javascript 设计模式实战--曾亮
查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:731878次
    • 积分:8261
    • 等级:
    • 排名:第2390名
    • 原创:50篇
    • 转载:791篇
    • 译文:0篇
    • 评论:40条
    最新评论