【Web】写个HTML页面去调试HTTP接口方便些-优快云博客

本文介绍了一个简单的HTML模板，用于调试HTTP接口。该模板允许用户选择不同的环境（如开发、测试和预发布），并手动输入参数进行GET请求。这种方式提高了接口测试的效率。

现在越来越多的系统基本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>