以下のエディタでは、フォームデータをjson形式にカプセル化してサーバーに送信する実装方法を共有します。非常に参考になるので、皆さんの参考になれば幸いです。エディターをフォローして一緒に見てみましょう
1. JSP コード、形式:
<form action="#" id="costForm"> <input type="hidden" id="userId" name="userId"/> <p 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> <p 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> </p> </p> </form>
2. バックグラウンド アクション処理:
以上、皆様に向けてまとめさせていただきましたので、今後皆様のお役に立てれば幸いです。 関連記事:
vueで前のページにジャンプする方法
Bootstrapフレームワークでツリービューを使用してデータを動的にロードする方法
Koa を使用して Node.js 経由でプロジェクトを構築する
以上がデータをカプセル化してフォームに送信するプロセスの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。