form表单数据封装成json格式并提交给服务器的实现方法
更新时间:2017年12月14日 09:18:26 作者:向往的生活
下面小编就为大家分享一篇form表单数据封装成json格式并提交给服务器的实现方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
1、jsp代码,form表单:
<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>
2、js代码:
$(".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格式并提交给服务器的实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
相关文章
用Javascript做flash做的事..才完成的一个类.Auntion Action var 0.1
用Javascript做flash做的事..才完成的一个类.Auntion Action var 0.1...2007-02-02JavaScript使用WebSocket实现实时通信的技术详解
WebSocket作为一种高效的通信协议,为开发者提供了一种在客户端和服务器之间进行全双工通信的方法,本文将深入探讨WebSocket技术,并提供实战代码示例2024-04-04
最新评论