JavaScript之简易http接口测试工具网页版

最新推荐文章于 2024-09-13 19:50:33 发布

放错位的天才

最新推荐文章于 2024-09-13 19:50:33 发布

阅读量1.1k

点赞数

文章标签：测试 javascript json ViewUI

原文链接：http://www.cnblogs.com/gongxr/p/10402728.html

版权

本文介绍了一个基于JavaScript的简易http接口测试工具，该工具支持GET和POST请求，并能够处理JSON格式的消息体，但目前不支持form表单提交。包括httpClient.html、httpclient.js和httpClientStyle.css三个文件，方便在网页环境中进行接口测试。

摘要由CSDN通过智能技术生成

简易http接口测试工具网页版，支持get、post请求，支持json格式消息体，form表单暂不支持。

httpClient.html

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <!--模仿postman编写一个简易的http接口测试工具-->
 4 <head>
 5     <meta charset="UTF-8">
 6     <title>自定义HttpClient</title>
 7     <link rel='stylesheet prefetch' href='https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css'>
 8     <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
 9     <link rel="stylesheet" href="../css/httpClientStyle.css">
10     <script src="../js/httpclient.js"></script>
11 </head>
12 <body>
13 <div class="container">
14     <div class="row">
15         <h3 class="page-header">接口测试工具</h3>
16         <div>
17             <label>接口地址:</label>
18             <input type="text" class="form-control" id="url_input"
19                    value="http://localhost:8080/getStudentByIdWithJson">
20             <!--<label>接口类型:</label><input type="text" class="form-control" id="type_input" value=&#