現在越來越多的系統基本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>