【Web】写个HTML页面去调试HTTP接口方便些

现在越来越多的系统基本SOA的思想,业务由许多小系统通过远程调用的方式串连起来,其中HTTP的接口在远程调用的方式中颇为常见。
看过一些开发人员写完一些接口后,要么按照正常情况调用几次就交给调用方,要么自己在浏览器上艰难地拼URL参数发送GET请求。

对于一些复杂的接口,不能松于测试,而测试过程中的诸多情况自行拼接URL效率较低,所以,编写一个简单的HTML发送请求,再人工输入参数发送请求不失为一种简单、快捷的测试接口的方式。

> 记录一个简单的调试接口用的HTML模板

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
</head>

<body>
    调试接口:test_record_search_content
    <form id="myform" action="" onsubmit="changeEnv()" >
        env : 
        <select id="env" name='env' >
            <option value='http://dev.xxx.com'>开发环境</option>
            <option value='http://test.xxx.com'>测试环境</option>
            <option value='http://prep.xxx.com'>预发布环境</option>
        </select>
        <br/>

        selection parameter : 
        <select name='param1'>
            <option value=''></option>
            <option value='1'>1</option>
            <option value='2'>2</option>
            <option value='3'>3</option>
            <option value='4'>4(开发)</option>
            <option value='5'>5(预发布)</option>
        </select>
        <br/>

        Input parameter : 
        <input type='text' name='param2' />
        <br/>

        <input type='submit' value=' submit ' />
    </form>
</body>

<script type="text/javascript">
/**
 * 切换环境
 */
function changeEnv() {
    document.getElementById("myform").action = document.getElementById("env").value;
    // alert(document.getElementById("myform").action);
}
</script>

</html>
原文地址:https://www.cnblogs.com/nick-huang/p/5294096.html