Checkbox框全选操作,form表单提交与jquery ajax提交两种处理方式
//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提交两种处理方式的更多相关文章
- form表单,submit,ajax提交
尼玛... 一个简单的表单提交,竟然给我整的直郁闷. 本来就是个保存功能,几个前人都用的ajax提交,我也就没改成submit.然后坑爹的就来了. 我在表单里写了个<form></f ...
- 第83天:jQuery中操作form表单
操作form表单 1. 属性操作 设置属性: // 第一个参数表示:要设置的属性名称 // 第二个参数表示:该属性名称对应的值 $(selector).attr(“title”, “传智播客”); 获 ...
- form表单按enter键自动提交的问题
废话不多说.直接上代码. 1:form表单按enter键自动提交的情况 <!doctype html> <html lang="en"> <head& ...
- Mybatis系列全解(七):全息视角看Dao层两种实现方式之传统方式与代理方式
封面:洛小汐 作者:潘潘 一直以来 他们都说为了生活 便追求所谓成功 顶级薪水.名牌包包 还有学区房 · 不过 总有人丢了生活 仍一无所获 · 我比较随遇而安 有些事懒得明白 平日里问心无愧 感兴趣的 ...
- jQuery操作Form表单元素
Web开发中常常须要操作表单,form表单元素有select.checkbox.radio.textarea.button.file.text.hidden.password等. 当中checkbox ...
- JS实战 · 复选框全选操作
思路: 1.获取被选中checkbox,通过checked属性的状态完成: 2.获取被选中的checkbox的value值: 3.求所有value的和sum: 4.定义span区域存储和sum: ...
- java如何区分是form表单请求,还是ajax请求
requestType = request.getHeader("X-Requested-With"); if(requestType==null) ...
- form表单序列化为Jquery对象
<form id="DailyFinancial" > @*class="form-inline"*@ <div class="fo ...
- Jquery学习笔记:操作form表单元素之二(复选框和单选框)
在上面文章的基础上,我们介绍如何操作表单元素中的 复选框和单选框. 一.复选框 <label> <input type="checkbox" id="i ...
随机推荐
- (转)从集中到分布,解读网络视频IT架构变迁
2006年以视频网站为代表的网络视频行业迅速崛起,IPTV.视频分享网站.视频搜索网站.提供视频服务的互动社区.交友.播客等等新兴媒体发展迅猛.网络视频行业现已成为众多资本机构关注与投资的焦点.但是在 ...
- C语言 猜数游戏--产生一个随机数
#include <stdio.h> #include <time.h> #include <stdlib.h> int main(int argc, const ...
- Windows Phone 7 中拷贝文件到独立存储
private void CopyToIsolatedStorage(){ using (IsolatedStorageFile storage = IsolatedStorageFile.Ge ...
- c++11: less的用法
less主要是重载了operator()方法,用来比较lhs 和 rhs std::less::operator() bool operator()(const T &lhs, const T ...
- linux下dup/dup2函数的用法
系统调用dup和dup2能够复制文件描述符.dup返回新的文件文件描述符(没有用的文件描述符最小的编号).dup2可以让用户指定返回的文件描述符的值,如果需要,则首先接近newfd的值,他通常用来重新 ...
- ThreadLocal学习记录
ThreadLocal简介 当使用ThreadLocal维护变量时,ThreadLocal为每个使用该变量的线程提供独立的变量副本,所以每一个线程都可以独立地改变自己的副本,而不会影响其它线程所对应的 ...
- JavaScript “完美运动框架”
/* “完美运动框架”,所谓“完美”,就是可以实现多个参数,多个物体运动互不影响的一个运动函数move(). * 大致结构如下:运动框架 EXP: move(obj,{width:200,height ...
- 关于无限分类的树状输出(id,name,pid)类型的
首先创建无限分类的数据表,我这里采用的是id.name.pid这种类型(当然还有很多种无限分类的方式了,比如:id.name.pid.path.left.right左右节点的形式) CREATE TA ...
- Spannable相关方法
实现文本链接 其中tv是TextView类型的控件.只需写java代码即可实现链接,无需在xml文件中进行其他的设置. SpannableString spanTxt = new SpannableS ...
- ref 和out的用法以及区别
在项目其实很少用ref和out,但是我们常用的工具resharep在帮我们重构的时候难免会给我们重构成带有ref或者是out的方法. 本人也是用的少所以难免忘记,留下简略笔记,以供后来自我参考: 为何 ...