最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501
当前位置: 首页 - 科技 - 知识百科 - 正文

form表单数据封装成json格式并提交给服务器的实现方法

来源:懂视网 责编:小采 时间:2020-11-27 22:23:54
文档

form表单数据封装成json格式并提交给服务器的实现方法

form表单数据封装成json格式并提交给服务器的实现方法:1、jsp代码,form表单: <form action=# id=costForm> <input type=hidden id=userId name=userId/> <div id=COST> <img src='<%=path %>/cvc/center/ima
推荐度:
导读form表单数据封装成json格式并提交给服务器的实现方法:1、jsp代码,form表单: <form action=# id=costForm> <input type=hidden id=userId name=userId/> <div id=COST> <img src='<%=path %>/cvc/center/ima

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格式并提交给服务器的实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

声明:本网页内容旨在传播知识,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文档

form表单数据封装成json格式并提交给服务器的实现方法

form表单数据封装成json格式并提交给服务器的实现方法:1、jsp代码,form表单: <form action=# id=costForm> <input type=hidden id=userId name=userId/> <div id=COST> <img src='<%=path %>/cvc/center/ima
推荐度:
标签: 表单 json json格式
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top