Golden_lion的博客

学而不思则罔,思而不学则殆

jsp页面中的post提交方式

<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>
阅读更多
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/xyw591238/article/details/51564042
上一篇将redis交给spring来管理
下一篇redis 3.0的集群部署
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭