//1.jquery ajax
<script type="text/javascript">
$(function(){
var basePath = $("#basePath").val(); //上架操作
$("#upAll").click(function(){
var chk_value ="";
$('input[name="ckID"]:checked').each(function(){
chk_value += $(this).val()+",";
});
if(chk_value == ""){
alert("请选择需要上架的项!!");
return;
}else{
if(!confirm("确定上架吗?")){
return;
}
}
var addNetworkId = $("#addNetworkId").val(); //alert("chk_value:" + chk_value);
var dataString = {"actionName" : "up","addNetworkId" : addNetworkId, "chk_value" : chk_value};
var encoded = $.toJSON( dataString );
//alert("encoded:"+encoded); $.ajax({
type: "POST",
url: basePath+"partsInfoKuAjaxAction",
data: encoded,
dateType:"json",
success: function(data) {
if(data.success == 1){
alert("商品上架成功!");
location.reload(true); //刷新,重新加载
}else if(data.success == 0){
alert("商品上架失败!");
}
},
error: function(xhr) {
//中间发生异常,具体查看xhr.responseText
alert("error:" + xhr.responseText);
}
});
});
});
</script>

2.servlet处理,doPost方法

/**输入*/
String json = JsonUtils.readJSONString(request);
log.info("删除Supply ID Json串: "+json);
Map map = GsonUtils.parseData(json);
String actionName = (String) map.get("actionName");
String chk_value = (String) map.get("chk_value");
String addNetworkId = (String) map.get("addNetworkId");
if(actionName.equals("up")){
String strUp[] = chk_value.split(",");
boolean flag = false;
Map mapPara;
for (int i = 0; i < strUp.length; i++) {
Integer id = Integer.parseInt(strUp[i]);
mapPara = new HashMap();
mapPara.put("networkInfoId", Integer.valueOf(addNetworkId));
mapPara.put("updown", 0);
mapPara.put("partsInfoId", id);
flag = partnerMgrService.updateNetWorkInfoPartsInfo(mapPara);
}
String strJson;
if(flag){
strJson = "{\"success\":\"1\"}";
}else{
strJson = "{\"success\":\"0\"}";
}
/**输出*/
JsonUtils.writeJSONString(response, strJson); }

3.JsonUtils类

@Repository
public class JsonUtils {
public static String readJSONString(HttpServletRequest request) {
StringBuffer json = new StringBuffer();
String line = null;
try {
BufferedReader reader = request.getReader();
while ((line = reader.readLine()) != null) {
json.append(line);
}
} catch (Exception e) {
//ln(e.toString());
}
return json.toString();
} public static void writeJSONString(HttpServletResponse response,String strJson) throws IOException{
//String strJson = "{\"success\":\"1\"}";
response.setContentType("application/json; charset=utf-8");
PrintWriter out = response.getWriter(); out.print(strJson);
out.flush();
out.close();
}
}

4.form表单提交方式,post提交

String addNetworkId = request.getParameter("addNetworkId");
String actionName = request.getParameter("actionName");
if(actionName.equals("addOp")){
String[] checked = request.getParameterValues("ckID");
String chkValue;
String retailPrice;
Map map;
if(checked != null){
for(int j=0; j<checked.length; j++){
chkValue = checked[j];
retailPrice = request.getParameter("retailPrice"+chkValue);
map = new HashMap();
map.put("partsInfoId", chkValue);
map.put("retailPrice", retailPrice);
map.put("networkInfoId", Integer.valueOf(addNetworkId));
list.add(map); //添加到集合中来。
}
}
boolean flag = partnerMgrService.addNetWorkInfoPartsInfo(list);
response.setContentType("text/html; charset=utf-8");
PrintWriter out = response.getWriter();
if (flag) {
log.info("添加商品成功");
out.print("<script>" + "alert('添加商品成功');"
+ "window.location.href='" + Constants.ROOT
+ "/partner/network/partskumgr.jsp';" + "</script>");
} else {
log.info("添加商品失败");
out.print("<script>alert('添加商品失败');" + "window.location.href='"
+ Constants.ROOT + "/partner/network/addpartsku.jsp';"
+ "</script>");
}
}

Checkbox框全选操作,form表单提交与jquery ajax提交两种处理方式的更多相关文章

  1. form表单,submit,ajax提交

    尼玛... 一个简单的表单提交,竟然给我整的直郁闷. 本来就是个保存功能,几个前人都用的ajax提交,我也就没改成submit.然后坑爹的就来了. 我在表单里写了个<form></f ...

  2. 第83天:jQuery中操作form表单

    操作form表单 1. 属性操作 设置属性: // 第一个参数表示:要设置的属性名称 // 第二个参数表示:该属性名称对应的值 $(selector).attr(“title”, “传智播客”); 获 ...

  3. form表单按enter键自动提交的问题

    废话不多说.直接上代码. 1:form表单按enter键自动提交的情况 <!doctype html> <html lang="en"> <head& ...

  4. Mybatis系列全解(七):全息视角看Dao层两种实现方式之传统方式与代理方式

    封面:洛小汐 作者:潘潘 一直以来 他们都说为了生活 便追求所谓成功 顶级薪水.名牌包包 还有学区房 · 不过 总有人丢了生活 仍一无所获 · 我比较随遇而安 有些事懒得明白 平日里问心无愧 感兴趣的 ...

  5. jQuery操作Form表单元素

    Web开发中常常须要操作表单,form表单元素有select.checkbox.radio.textarea.button.file.text.hidden.password等. 当中checkbox ...

  6. JS实战 · 复选框全选操作

    思路: 1.获取被选中checkbox,通过checked属性的状态完成: 2.获取被选中的checkbox的value值: 3.求所有value的和sum: 4.定义span区域存储和sum:   ...

  7. java如何区分是form表单请求,还是ajax请求

    requestType = request.getHeader("X-Requested-With");                 if(requestType==null) ...

  8. form表单序列化为Jquery对象

    <form id="DailyFinancial" > @*class="form-inline"*@ <div class="fo ...

  9. Jquery学习笔记:操作form表单元素之二(复选框和单选框)

    在上面文章的基础上,我们介绍如何操作表单元素中的 复选框和单选框. 一.复选框 <label> <input type="checkbox" id="i ...

随机推荐

  1. java中从1000万个随机数中查找出相同的10万个随机数花的最少时间

    偶然在群里看到有人问到大数据查询,自己也就想了小艾改如何解决,从从1000万个随机数中查找出相同的10万个随机数花的最少时间, 谈到效率,自然是hashmap莫属. import java.util. ...

  2. 8个3D视觉效果的HTML5动画欣赏

    现在的网页中应用了越来越多的3D应用,特别是基于HTML5 Canvas的动画特效,让用户有一种非常震撼的视觉体验.本文收集了8个非常炫酷的3D视觉效果的HTML5动画,都有源代码分享,你可以学习你感 ...

  3. 杭电ACM1170--Balloon Comes!

    地址  http://acm.hdu.edu.cn/showproblem.php?pid=1170 #include<stdio.h> int main() { int t,a,b; ] ...

  4. Geodatabase介绍

    一.概述 (1)Geodatabase是什么? ArcGIS操作基于GIS文件格式和存储于地理数据库(Geodatabase)中的地理信息.Geodatabase是ArcGIS的本地数据结构,是用于编 ...

  5. exynos 4412 电源管理芯片PMIC 的配置及使用方法

    /** ****************************************************************************** * @author    Maox ...

  6. 锋利的jquery-选择器

    1 jquery $(document).ready(function(){}) 可以简写成 $(function(){})   2 jquery 对象和DOM对像 ① jquery对象和DOM对象不 ...

  7. 关于PHP Websocket 错误: "stream_select(): You MUST recompile PHP with a larger value of FD_SETSIZE" 的解决方案

    最近在使用Ratchet (一个PHP websocket框架)改造一个PHP网站的时候,出现了错误: "It is set to 1024, but you have descriptor ...

  8. Boost的自动链接功能

    Boost是一个强大的C++第三方库,但是Boost的各种问题实在是很让人蛋疼.我搜到过一篇文章关于LuaBind使用Boost Build管理工具来管理源代码以及编译的博文,其第一句话就是Fuck ...

  9. Jquer Ajax xmlhttp请求成功了,为什么一直在error函数里面

    转载自http://www.cnblogs.com/sky_Great/archive/2013/01/18/2866861.html 并进行整理: 今天遇到了一个极其奇怪的问题,用各种工具检查都能看 ...

  10. with check option(视图 )

    建立视图的时候使用WITH CHECK OPTION 与不使用的区别 WITH CHECK OPTION insert update  delete 使用with check option 保证ins ...