html+js开发简单小工具
1.实现的是一个查询接口
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>交易组测试平台</title> <link rel="stylesheet" href=""> </head> <script src="/javascripts/application.js" type="text/javascript" charset="utf-8" async defer> </script> <body> <!-- action为接口请求地址,代码运行时会自动将表单里面的name 和value视为参数名和参数值组装在url后面并发起请求 --> <form action="qa-api-sqm.qingchunbank.com:30004/com.omniprimeinc.payment.gateway-server/cgw/collect/query?" method="post"> 请求编号(request_id): <input type="text" name="requestId" id="pram_one" /><br> <input type="submit" id="submit_one" value="查询" /> </form> </body> </html>
<!DOCTYPE html><html><head><meta charset="UTF-8"><link rel="icon" href="image/title.ico" type="image/x-icon"/><title>=☆=测试小工具=☆=</title></head><body> <table border="1"> <tr> <td> <input style="margin-top:6px;margin-left:10px;margin-right:10px;margin-bottom:3px" type="button" value="生产协议" onclick="getProdAttachment()" /><br/> <input style="margin-top:6px;margin-left:10px;margin-right:10px;margin-bottom:3px" type="button" value="消息队列" onclick="MsgBox()" /><br/> <!--<form action="/testngReport" method="get" <input style="margin-top:6px;margin-left:10px;margin-right:10px;margin-bottom:3px" type="submit" value="测试报告" onclick="testReport()"/><br/> </form>--> <input style="margin-top:6px;margin-left:10px;margin-right:10px;margin-bottom:3px" type="button" value="测试报告" onclick="testReport()"/><br/>
</td>
<td> <form action="" name="openCard" method="post"> <input type="text" name="appId" style="width:300px;margin-left:10px;margin-right:10px" placeholder="appId"/><br/> <label style="font-size:15px;"><input style="margin-top:8px;margin-left:10px;margin-bottom:3px" id="qa" size="2" name="env" type="radio" value="0" onclick="openCardResult()"/>QA</label> <label style="font-size:15px;"><input style="margin-top:8px;margin-left:10px;margin-bottom:3px" id="staging" size="2" name="env" type="radio" value="1" onclick="openCardResult()"/>Staging</label><br/> <input style="margin-top:6px;margin-left:10px;margin-bottom:3px" type="submit" value="开卡审核成功" onclick="openCardResultPass()" disabled id="openCardBtn1"/> <input style="margin-top:6px;margin-left:20px;margin-bottom:3px" type="submit" value="开卡审核拒绝" onclick="openCardResultReject()" disabled id="openCardBtn2"/> </form> </td> <td> <form action="" name="loanAudit" method="post"> <input type="text" name="appId" style="width:300px;margin-left:10px;margin-right:10px" placeholder="appId"/><br/> <label style="font-size:15px;"><input style="margin-top:8px;margin-left:10px;margin-bottom:3px" id="qa" size="2" name="env" type="radio" value="0" onclick="loanResult()"/>QA</label> <label style="font-size:15px;"><input style="margin-top:8px;margin-left:10px;margin-bottom:3px" id="staging" size="2" name="env" type="radio" value="1" onclick="loanResult()"/>Staging</label><br/> <input style="margin-top:6px;margin-left:10px;margin-bottom:3px" type="submit" value="提现审核通过" onclick="loanResultPass()" disabled id="loanAuditBtn1"/> <input style="margin-top:6px;margin-left:20px;margin-bottom:3px" type="submit" value="提现审核拒绝" onclick="loanResultReject()" disabled id="loanAuditBtn2"/> </form> </td> <td> <form action="" name="loan" method="post"> <input type="text" name="appId" style="width:300px;margin-left:10px;margin-right:10px" placeholder="appId"/><br/> <input type="text" name="amount" style="width:300px;margin-left:10px;margin-right:10px" placeholder="金额"/><br/> <label style="font-size:15px;"><input style="margin-top:6px;margin-left:10px;margin-bottom:3px" id="qa" size="2" name="env" type="radio" value="0" onclick="loanRadio()"/>QA</label> <label style="font-size:15px;"><input style="margin-top:6px;margin-left:10px;margin-bottom:3px" id="staging" size="2" name="env" type="radio" value="1" onclick="loanRadio()"/>Staging</label><br/> <input style="margin-top:3px;margin-left:10px;margin-bottom:3px" type="submit" value="放款成功" onclick="loanPass()" disabled id="loanBtn1"/> <input style="margin-top:3px;margin-left:20px;margin-bottom:3px" type="submit" value="放款失败" onclick="loanReject()" disabled id="loanBtn2"/> </form> </td> <td> <form action="/getAttachment" name="attachment" method="post"> <input type="text" name="appId" style="width:300px;margin-left:10px;margin-right:10px" placeholder="appId"/><br/> <label style="font-size:15px;"><input style="margin-top:8px;margin-left:10px;margin-bottom:3px" id="qa" size="2" name="env" type="radio" value="0" onclick="attachmentRadio()"/>QA</label> <label style="font-size:15px;"><input style="margin-top:8px;margin-left:10px;margin-bottom:3px" id="staging" size="2" name="env" type="radio" value="1" onclick="attachmentRadio()"/>Staging</label><br/> <input style="margin-top:6px;margin-left:10px;margin-bottom:3px" type="submit" value="获取协议" disabled id="attachmentBtn"/> </form> </td> <td> <form action="/sign" name="sign" method="post"> <input type="text" name="userId" style="width:300px;margin-left:10px;margin-right:10px" placeholder="userId(必须先提交签约验证码)"/><br/> <label style="font-size:15px;"><input style="margin-top:8px;margin-left:10px;margin-bottom:3px" id="qa" size="2" name="env" type="radio" value="0" onclick="signRadio()"/>QA</label> <label style="font-size:15px;"><input style="margin-top:8px;margin-left:10px;margin-bottom:3px" id="staging" size="2" name="env" type="radio" value="1" onclick="signRadio()"/>Staging</label><br/> <input style="margin-top:6px;margin-left:10px;margin-bottom:3px" type="submit" value="模拟渠道签约回调" onclick="sign()" disabled id="signBtn"/> </form> </td> </tr> </table> <table border="1"> <tr> <td> <input style="margin-top:6px;margin-left:10px;margin-right:10px;margin-bottom:3px" type="button" value="占个位置" /><br/> </td> <td> <form action="" name="repayment" method="post"> <input type="text" name="userId" style="width:300px;margin-left:10px;margin-right:10px" placeholder="userId(必须先发起还款)"/><br/> <input type="text" name="amount" style="width:300px;margin-left:10px;margin-right:10px" placeholder="还款金额"/><br/> <label style="font-size:15px;"><input style="margin-top:8px;margin-left:10px;margin-bottom:3px" id="qa" size="2" name="env" type="radio" value="0" onclick="repaymentRadio()"/>QA</label> <label style="font-size:15px;"><input style="margin-top:8px;margin-left:10px;margin-bottom:3px" id="staging" size="2" name="env" type="radio" value="1" onclick="repaymentRadio()"/>Staging</label><br/> <input style="margin-top:6px;margin-left:10px;margin-bottom:3px" type="submit" value="还款成功" onclick="repaymentSuccess()" disabled id="repaymentBtn1"/> <input style="margin-top:6px;margin-left:20px;margin-bottom:3px" type="submit" value="还款失败" onclick="repaymentFail()" disabled id="repaymentBtn2"/> </form> </td> <td> <input type="text" id="settlementAppId" style="width:300px;margin-left:10px;margin-right:10px" placeholder="appId"/><br/> <form action="" name="monthChangeAction" method="post"> <input type="hidden" name="appIdMonth" id="appIdMonth"/> <input type="text" name="month" style="width:230px;margin-left:10px;margin-right:10px" placeholder="月数(支持负数)"/> <input style="margin-top:1px;margin-right:10px;margin-bottom:0.5px" type="submit" value="修改" onclick="monthChange()" disabled id="monthChangeBtn"/><br/> </form> <form action="" name="dayChangeAction" method="post"> <input type="hidden" name="appIdDay" id="appIdDay"/> <input type="hidden" name="envHidden" id="envHidden"/> <input type="text" name="day" style="width:230px;margin-left:10px;margin-right:10px" placeholder="天数(支持负数)"/> <input style="margin-top:1px;margin-right:10px;margin-bottom:0.5px" type="submit" value="修改" onclick="dayChange()" disabled id="dayChangeBtn"/><br/> </form> <label style="font-size:15px;"><input style="margin-top:8px;margin-left:10px;margin-bottom:3px" id="envRadio" size="2" name="envRadio" type="radio" value="0" onclick="settlementChangeRadio()"/>QA</label> <label style="font-size:15px;"><input style="margin-top:8px;margin-left:10px;margin-bottom:3px" id="envRadio" size="2" name="envRadio" type="radio" value="1" onclick="settlementChangeRadio()"/>Staging</label><br/> <label style="font-size:15px;margin-top:6px;margin-left:100px;margin-bottom:3px">还款计划表修改</label> </td> </tr> </table>
</body>
</html>
<script> function openCardResultPass(){ document.openCard.action = "/openCardResultPass"; document.openCard.submit(); // openCard.appId.value=""; } function openCardResultReject() { document.openCard.action = "/openCardResultReject"; document.openCard.submit(); // openCard.appId.value=""; }</script><script> function repaymentSuccess(){ document.repayment.action = "/repaymentSuccess"; document.repayment.submit(); } function repaymentFail() { document.repayment.action = "/repaymentFail"; document.repayment.submit(); }</script><script> function monthChange(){ document.getElementById("appIdMonth").value= document.getElementById("settlementAppId").value; document.monthChangeAction.action = "/monthChange"; document.monthChangeAction.submit(); } function dayChange(){ document.getElementById("appIdDay").value= document.getElementById("settlementAppId").value; var temp = document.getElementsByName("envRadio"); for(var i=0;i<temp.length;i++){ if(temp[i].checked){ document.getElementById("envHidden").value= temp[i].value; } } document.dayChangeAction.action = "/dayChange"; document.dayChangeAction.submit(); }
</script><script> function loanResultPass(){ document.loanAudit.action = "/loanResultPass"; document.loanAudit.submit(); // loanAudit.appId.value=""; } function loanResultReject() { document.loanAudit.action = "/loanResultReject"; document.loanAudit.submit(); // loanAudit.appId.value=""; }</script><script> function loanPass(){ document.loan.action = "/loanPass"; document.loan.submit(); // document.openCard.appId.value=""; // document.openCard.amount.value=""; } function loanReject() { document.loan.action = "/loanReject"; document.loan.submit(); // document.openCard.appId.value=""; // document.openCard.amount.value=""; }</script><script> function sign(){ document.sign.action = "/sign"; document.sign.submit(); }</script><script language="javascript"> function MsgBox(){ window.open ("../action/sendMessage.html", "newwindow", "top=200,toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no"); }</script><script language="javascript"> function getProdAttachment(){ window.open ("http://47.96.36.202:9195/index.html", "newwindow", "top=200,toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no"); }</script><script language="javascript"> function testReport(){ window.open ("http://10.20.2.73:2020", "newwindow", "top=200,toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no"); } </script><script> function openCardResult(){ document.getElementById("openCardBtn1").disabled=false; document.getElementById("openCardBtn2").disabled=false; }</script> <script> function loanResult(){ document.getElementById("loanAuditBtn1").disabled=false; document.getElementById("loanAuditBtn2").disabled=false; }</script> <script> function signRadio(){ document.getElementById("signBtn").disabled=false; }</script> <script> function loanRadio(){ document.getElementById("loanBtn1").disabled=false; document.getElementById("loanBtn2").disabled=false; }</script> <script> function attachmentRadio(){ document.getElementById("attachmentBtn").disabled=false; }</script> <script> function repaymentRadio(){ document.getElementById("repaymentBtn1").disabled=false; // document.getElementById("repaymentBtn2").disabled=false; }</script> <script> function settlementChangeRadio(){ document.getElementById("monthChangeBtn").disabled=false; document.getElementById("dayChangeBtn").disabled=false; }</script>