js工具页面-测试后端API，支持GET、POST

阅读更多

作为一个前端开发，只要项目实现了前后端分离，就免不了要测试后端提供的API是不是正常。但有时候要测试后端API，可能需要先登录，用Fiddler等工具又一堆麻烦的配置，所以写这个简陋的页面。
使用方法：将下面代码保存成一个html页面，然后上传到后端API所在web服务器中，如果需要登录的话先登录，然后访问该页面。
页面中有两个按钮：
Execute：执行请求（快捷操作：按Enter键）
Clear：清空表单（快捷操作：按ESC键）

选择框：
Method：只有GET和POST两种，
        GET请求：如果有参数需要拼写在url后面（例如：/api/v1/list?foo=false&bar=1）
        POST请求：请求参数是以json格式发送到后端的，请求参数粘贴到Param的输入框中

输入框：
Url：请求地址，只能请求当前域名下的地址
Param：POST请求时的参数，GET请求不需要，向该输入框中输入数据时会自动切换到POST的Method

显示框：
Result：显示请求结果，仅支持返回结果为Json的请求，返回的Json数据会被格式化输出成缩进为4个空格的数据显示，可以供模拟数据拷贝使用。

	
		
		
		
		
		
		
	
	
		

		    

		        Execute
		        Clear
		    
		    
		        Get
		        Post
		    
		    URL:http://web.test2.com
		    
		    
Param:
		    

		        
		    
		    
Result:
		    

		
	

PS:附上文件。

• apitest.zip (1.3 KB)
• 下载次数: 11