form表单数据封装成json格式并提交给服务器
<form action="#" id="costForm">
<input type="hidden" id="userId" name="userId"/>
<div id="COST">
<img src='<%=path %>/cvc/center/images/close.png' class="close" style="width:34px;position:absolute;right:0px;top:0px;"></img>
<h2 style="font-weight: bolder;font-size: 14px;">更改该注册订单的收费状态</h2>
<ul>
<li>
<label for="report">
是否已报到:
</label>
<input type="radio" id="baodao1" name="baodao" value="1"/>是
<input type="radio" id="baodao0" name="baodao" value="0"/>否
</li> <li>
<label for="name">
姓 名:
</label>
<span id="costName"></span>
</li> <li>
<label for="type">
注册类型:
</label>
<span id="costType"></span>
</li>
<li>
<label for="sure_fee">
在线支付手续费:
</label>
<span id="costType">0</span>
</li>
<li>
<label for="sure_fee">
应收费金额:
</label>
<span id="price"></span>
</li> <li>
<label for="already_fee">
已收费金额:
</label>
<input type="text" id="pay_" name="pay"/>
</li> <li>
<label for="owe">
欠 款:
</label>
<span id="qianPay"></span>
</li> <li>
<label for="fee_type">
付款方式:
</label>
<input type="radio" id="payType1" name="payType" value="3"/>银行
<input type="radio" id="payType2" name="payType" value="4"/>邮局
<input type="radio" id="payType3" name="payType" value="5"/>现金
<input type="radio" id="payType4" name="payType" value="2"/>在线支付
</li> <li>
<label for="fee_evidence">
是否收到汇款凭证:
</label>
<input type="radio" id="isReceiveProof1" name="isReceiveProof" value="1"/>是
<input type="radio" id="isReceiveProof0" name="isReceiveProof" value="0"/>否
</li> <li>
<label for="fa_piao">
发票抬头:
</label>
<span id="billTitle"></span>
</li> <li>
<label for="fa_piao">
发票编号:
</label>
<input type="text" id="billCode" name="billCode"/>
</li> <li>
<label for="check_evidence">
是否已开发票:
</label>
<input type="radio" id="isBill1" name="isBill" value="1"/>是
<input type="radio" id="isBill0" name="isBill" value="0"/>否
</li> <li>
<label for="get_evidence">
是否已领发票:
</label>
<input type="radio" id="isDrawBill1" name="isDrawBill" value="1"/>是
<input type="radio" id="isDrawBill0" name="isDrawBill" value="0"/>否
</li> <li> <label for="date">
已发确认日期:
</label>
<span id="confirmDate"></span>
<!-- <input type="text" id="confirmDate" name="confirmDate"/> -->
<!-- <input id="confirmDate" name="confirmDate" class="text" type="text" onClick="WdatePicker()"/> -->
</li>
<li>
<label for="check_letter">是否已发确认函:</label>
<span id="isConfirmInvitation"></span>
</li>
<li>
<label for="fa_piao">在线支付状态:</label>
<span id="payString"></span>
</li>
</ul>
<div class="fee_opr">
<button type="button" class="fee_sure" style="border: none;background: #003260;color: #ffffff;padding: 3px 30px;margin-left: 10px;border-radius: 0px;">确定</button>
<button type="button" class="fee_cancel" style="border: none;background: #003260;color: #ffffff;padding: 3px 30px;margin-left: 10px;border-radius: 0px;">关闭</button>
</div>
</div>
</form>
$(".fee_sure").click(function () {
var dataObj = $("#costForm").serialize();
var payType = $('input[name="payType"]:checked').val();
if(payType == undefined){
alert("请选择付款类型");
return ;
}else{
$.ajax({
url:"/webCenter.do?method=saveUserMessage",
type: "post",
dataType:"json",
data:dataObj,
cache:false,
ifModified:true,
success:function(json){
if(json.flag == 1){
alert("1234");
}
}
})
}
})
3、后台action处理:
@RequestMapping(params ="method=saveUserMessage",method=RequestMethod.POST) //导入发言
public void saveUserMessage(int userId,HttpServletRequest request,HttpServletResponse response){
try {
HttpSession session = this.getSession(request);
Adminuser adminUser = session.getAttribute("centerAdminUser") == null?null:(Adminuser) session.getAttribute("centerAdminUser");
if(adminUser == null){
try {
response.sendRedirect(request.getContextPath()+"/center/index.jsp");
} catch (Exception e) {
e.printStackTrace();
}
}else{
String billNumber = request.getParameter("billCode")==null?"":request.getParameter("billCode");
String isBaodao = request.getParameter("baodao")==null?"0":request.getParameter("baodao");
String haspay = request.getParameter("pay")==null?"0":request.getParameter("pay");
String payType = request.getParameter("payType")==null?"0":request.getParameter("payType");
String isFkpz = request.getParameter("isReceiveProof")==null?"0":request.getParameter("isReceiveProof");
String isYkfp = request.getParameter("isBill")==null?"0":request.getParameter("isBill");
String isYlfp = request.getParameter("isDrawBill")==null?"0":request.getParameter("isDrawBill");
JSONObject jsonObject = new JSONObject();
//AdminuserConferences adminuserConferences = webService.getAdminuserConferences(adminUser.getAdminuserId());
UserInfo userInfo = webService.getUserInfoById(userId);
if(userInfo!=null)
{
jsonObject.accumulate("flag",1);
ChcRegUser chcRegUser = webService.getChcRegUser(userId);
if(chcRegUser!=null)
{
chcRegUser.setHasPay(Integer.parseInt(haspay));
chcRegUser.setPayType(Integer.parseInt(payType));
if(chcRegUser.getHasPay()-chcRegUser.getPay()==0)
{
chcRegUser.setStateType(1);
}
webService.saveObject(chcRegUser);
userInfo.setIsBaodao(Integer.parseInt(isBaodao));
userInfo.setIsFkpz(Integer.parseInt(isFkpz));
userInfo.setBillNumber(billNumber);
userInfo.setIsYlfp(Integer.parseInt(isYlfp));
userInfo.setIsYkfp(Integer.parseInt(isYkfp));
webService.saveObject(userInfo);
jsonObject.accumulate("pay", chcRegUser.getPay());
jsonObject.accumulate("haspay", chcRegUser.getHasPay());
}
}else {
jsonObject.accumulate("flag",0);
}
writeJson(response, jsonObject.toString());
}
} catch (Exception e) {
e.printStackTrace();
}
}
form表单数据封装成json格式并提交给服务器的更多相关文章
- <form> 标签 // HTML 表单 // from 表单转换成json 格式
<form> 标签 // HTML 表单 // from 表单转换成json 格式 form 表单,对开发人员来说是在熟悉不过的了,它是页面与web服务器交互时的重要信息来源 表 ...
- jquery自动将form表单封装成json的具体实现
前端页面:<span style="font-size:14px;"> <form action="" method="post&q ...
- form表单序列化为json格式数据
在web开发过程中,经常遇到将form序列化不能格式的字符串提交到后台,下面就介绍怎样将form表单序列化为json字符串. 首先,是扩展的jquery序列化插件,依赖jquery.经测试,这段代码可 ...
- 表单数据转换成json格式数据
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" ...
- 通过jquery的serializearray处理表单数据成json格式,并提交到后台处理
var params = $("#myform").serializeArray(); var values = {}; for (var item in params) { va ...
- JQuery将form表单值转换成json字符串函数
由于后台接口限定,必须要将表单内容转换成json字符串提交,因此写了一个将form表单值转成json字符串的函数. 前提:页面引入了JQuery 下面直接上代码 一.代码 / ...
- 关于AJAX与form表单提交数据的格式
一 form表单传输文件的格式: 只有三种: multipart/form-data 一般用于传输文件,图片文件或者其他的. 那么其中我们默认的是application/x-www-form-urle ...
- 把表单转成json,并且name为key,value为值
http://jsfiddle.net/sxGtM/3/http://stackoverflow.com/questions/1184624/convert-form-data-to-js-objec ...
- 表单配置项写法,表单写成JSON数组套对象,一行是一个数组单位,一列是一个对象单位,然后再写一个公共组件读取这个配置,循环加载slot,外层载入slot的自定义部分,比如input select等,这种写法就是把组件嵌套改为配置方式
表单配置项写法,表单写成JSON数组套对象,一行是一个数组单位,一列是一个对象单位,然后再写一个公共组件读取这个配置,循环加载slot,外层载入slot的自定义部分,比如input select等,这 ...
随机推荐
- Quart.Net分布式任务管理平台
无关主题:一段时间没有更新文章了,与自己心里的坚持还是背驰,虽然这期间在公司做了统计分析,由于资源分配问题,自己或多或少的原因,确实拖得有点久了,自己这段时间也有点松懈,借口就不说那么多 ...
- Java基础——字符串构建器
StringBuilder类: 可以将许多小段的字符串构建一个字符串. StringBuilder builder = new StringBuilder(); //构造一个空的字符串构建器 buil ...
- 无所不会的fiddler遇到的尴尬
昨天测试项目时,遇到一个尴尬的事 预期功能:点击页面某个按钮会post2个请求 实际情况:点了按钮,fiddler抓包没有看到任何请求 后来经过他人提醒在PC端浏览器打开此页面,点击按钮后看到页面有j ...
- 前后端分离跨服务器文件上传-Java SpringMVC版
近来工作上不上特别忙,加上对后台java了解一点,所以就抽时间,写了一个java版本的前后端分离的跨服务器文件上传功能,包括前后端代码. 一.Tomcat服务器部分 1.Tomcat服务器 单独复制一 ...
- js判断值为null
今天在做项目的时候,犯了一个着实不应该的错误,拿到data为null,然后判断如果为null执行A,否则执行B 我错误的代码是 if(data===null){ A; }else{ B; } 怎么调试 ...
- Ionic3 遇到的一些错误-Error: Cannot find module 'reflect-metadata'
E:\Projects\ionic\myApp5>ionic serve Error: Cannot find module 'reflect-metadata' 解决方法: npm insta ...
- Leetcode题解(34)
113. Path Sum II 题目 分析: 主要考察二叉树深度优先遍历(DFS),递归调用当前节点的左右结点即可,代码如下(copy网上): /** * Definition for binary ...
- 一个基于EntityFramework Core的简单数据库访问层,适用于轻量级数据库业务
这个访问层的代码实际上是园子里某个前辈的,本人只是觉得好使,记录了下来. 本访问层需要通过Nuget安装EntityFramework Core,不过个人认为EF 6同样可以使用. 搭配数据库,最好是 ...
- JavaScript sort() 方法详解
定义和用法 sort() 方法用于对数组的元素进行排序. 语法 arrayObject.sort(sortby) 参数 描述 sortby 可选.规定排序顺序.必须是函数. 返回值 对数组的引用.请注 ...
- IT屌丝如何获取改变自己的真正内心动力
要想从现在的低薪(年薪10万以下)快读变成未来的高新(年薪30万以上)我们要做的就只有从自身改变开始! 人改变自己的勇气,朱啊哟取决于我们自己当前的痛苦程度!直到某一天真的回避不了了,才会被动的改变, ...