zoukankan      html  css  js  c++  java
  • 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="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="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="300px;margin-left:10px;margin-right:10px" placeholder="appId"/><br/>                        <input type="text" name="amount" style="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="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="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="300px;margin-left:10px;margin-right:10px" placeholder="userId(必须先发起还款)"/><br/>                        <input type="text" name="amount" style="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="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="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="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> 

  • 相关阅读:
    【jsp】怎么在jsp文件中引入静态文件(.js .css)
    【MyBatis】MyBatis之分页
    【MyBatis】MyBatis之如何存储NULL
    【MyBatis】MyBatis之如何配置
    【MyBatis】MyBatis之别名typeAliases标签的使用
    【Spring】SpringMVC之详解AOP
    【Spring】SpringMVC之REST编程风格
    【Spring】SpringMVC之上传文件
    【Spring】SpringMVC之拦截器
    【Spring】SpringMVC之异常处理
  • 原文地址:https://www.cnblogs.com/joy-field/p/12931903.html
Copyright © 2011-2022 走看看