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

【Web】写个HTML页面去调试HTTP接口方便些的更多相关文章

  1. java web 入门级 开发 常用页面调试方法

    这里介绍一下Java web 入门级开发中常用的代码调式方法;  (  仅供入门级童靴 参考) ; 工具: chrome  浏览器 (版本越高越好); Java web 入门级开发 主要就是两个方面: ...

  2. Web程序员开发App系列 - 调试Android和IOS手机代码（补图）

    Web程序员开发App系列 Web程序员开发App系列 - 认识HBuilder Web程序员开发App系列 - 申请苹果开发者账号 Web程序员开发App系列 - 调试Android和iOS手机代码 ...

  3. JAVA WEB快速入门之从编写一个JSP WEB网站了解JSP WEB网站的基本结构、调试、部署

    接上篇<JAVA WEB快速入门之环境搭建>,在完成了环境搭建后(JDK.Tomcat.IDE),现在是万事具备,就差写代码了,今天就来从编写一个JSP WEB网站了解JSP WEB网站的 ...

  4. asp.net web api 测试帮助页面建立并测试

    asp.net web api 测试帮助页面建立并测试 现在使用WEB API来开发,越来越流行. 在开发过程中的测试调试,可以使用Fiddler等工具来帮助测试外,还有: 在asp.net 中有种方 ...

  5. SpringBoot Web开发(5) 开发页面国际化+登录拦截

    SpringBoot Web开发(5) 开发页面国际化+登录拦截 一.页面国际化 页面国际化目的:根据浏览器语言设置的信息对页面信息进行切换,或者用户点击链接自行对页面语言信息进行切换. **效果演示 ...

  6. ASP.NET Web Pages：全局页面

    ylbtech-.Net-ASP.NET Web Pages:全局页面 1.返回顶部 1. ASP.NET Web Pages - 全局页面 本章介绍全局页面 AppStart 和 PageStart ...

  7. 【spring boot】spring boot中使用@RestController不起作用，不返回json，依旧去找访问接口的请求地址对应的页面

    问题描述: spring boot中使用@RestController不起作用,不返回json,依旧去找访问接口的请求地址对应的页面 表现结果: 1>使用postman测试接口,表现为返回是40 ...

  8. 前端-页面性能调试：Hiper

    前端-页面性能调试:Hiper   我们写单页面应用,想看页面修改后性能变更其实挺繁琐的.有时想知道是「正优化」还是「负优化」只能靠手动刷新查看network.而Hiper很好解决了这一痛点(其实Hi ...

  9. 利用Django徒手写个静态页面生成工具

    每个Geek对折腾自己的博客都有着一份执念 背景介绍 曾经多次在不同的平台写博客,但全部都以失败而告终.去年七月选择微信公众号做为平台开始了又一次的技术分享,庆幸一直坚持到现在,但随着文章发表的越来越 ...

随机推荐

  1. C++新手之培养良好的编程风格

    内功深厚的武林高手出招往往平淡无奇.同理,编程高手也不会用奇门怪招写程序.良好的编程风格是产生高质量程序的前提. 下面以C++为例,来给大家介绍. 一. 命名约定 有不少人编程时用拼音给函数或变量命名 ...

  2. 出现“不能执行已释放的Script代码”错误的原因及解决办法

    很多web开发者或许都遇到过这样的问题,程序莫名奇怪出现“不能执行已释放Script的代码”,错误行1,列1.对于这种消息描述不着边,行列描述更是让人迷茫的js错误,相信是所有调试js程序的朋友们最郁 ...

  3. android 应用架构随笔四（View、ViewGroup）

    View表示了用户界面的基本构建模块. 一个View占用了屏幕上的一个矩形区域并且负责界面绘制和事件处理.手机屏幕上所有看得见摸得着的都是View. Activity是四大组件中唯一一个用来和用户进行 ...

  4. android 学习随笔十二（网络：使用异步HttpClient框架）

    使用异步HttpClient框架发送get.post请求 在https://github.com/ 搜索 asyn-http https://github.com/search?utf8=✓& ...

  5. ubuntu安装最新版本的node.js

    下面的方法适用于最新版本的Ubuntu.Ubuntu 12.04 LTS.Ubuntu 12.10.Ubuntu 13.04等版本.它可以帮助开发者在Ubuntu上安装Node.js,无需从头编译安装 ...

  6. MySQL存储引擎之InnoDB

    一.The InnoDB Engine Each InnoDB table is represented on disk by an .frm format file in the database ...

  7. api(接口)文档管理工具

    api(接口)文档管理工具 欢迎光临:博之阅API管理平台  ,做为一个app开发者,还没有用到api管理工具,你就OUT了 点击进入:程序员精华博客大全  

  8. linux crontab定时执行

    #利用crontab定时执行url研究了两种简单方式#一利用lynx访问url yum install lynxservice crond startcrontab -einsert键* * * * ...

  9. [HTML]JS添加表格

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  10. a different object with the same identifier，同一个session中存在不同的对象问题

    使用hibernate的函数 session.merge()函数,提交处于游离态的对象. merge在执行更新之前会将两个标识符相同的对象进行合并,具体合并的方向是向exituser2合并.