您的位置：首页 > 理论基础 > 计算机网络

接口测试小工具（HTTP + XML）

2013-12-24 17:16 555 查看
为测试接口简单写了个小工具（IE可用），先留下个备份……

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>接口测试</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<style type="text/css">
body {font-size:12px; font-family:Tahoma;}
.tit0 {
background-color: #DAEAF9;
padding-left: 5px;
font-size:15px;
}
.tit1 {
background-color: #FFF2AA;
padding-left: 5px;
font-size:15px;
}
.tit2 {
background-color: #DAEAF9;
font-size:12px;
}
</style>
<script type="text/javascript">
var $ = document.getElementById;
// 页面初始化读取的文件路径，根据自身要求进行修改
var filePath = "E:\\接口测试\\请求报文.xml";

function sendxml() {
var xmlhttp = new ActiveXObject("MICROSOFT.XMLHTTP");
xmlhttp.open("POST", $("servleturl").value, false);
xmlhttp.send($("RSXML").value);
$("RQXML").value = xmlhttp.responseText;
if ($("RQXML").value.indexOf("成功返回") > 0) {
alert("请求成功！");
// 将指定内容复制到剪切板中，根据自身要求进行修改
window.clipboardData.setData("text", "复制到剪切板中的内容。");
$("resultword").style.display = "";
} else {
alert("请求失败！");
}
}
function readFile(inFilePath) {
var fso = new ActiveXObject("Scripting.FileSystemObject");
var textFile = fso.GetFile(inFilePath);
var ts = fso.OpenTextFile(inFilePath, 1);
$("RSXML").value = ts.ReadAll();
}
function init() {
$('file1').value = filePath;
readFile(filePath);
}
</script>
</head>
<body onload="init()">
<table width="100%" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#CACA00" style="border-collapse: collapse;">
<caption align="center"> <font size="5px"><b>接口测试（HTTP + XML）</b></font><p/></caption>
<tr>
<td colspan=2>
<div class="tit1">请求地址：
<select name="userid" id="servleturl" style="width:50%;" class="tit0" >
<!-- 需要修改接口地址 -->
<option value="http://ip:port/xx/AServlet" selected>1、1 A 接口：http://ip:port/xx/AServlet</option>
<option value="http://ip:port/xx/BServlet" >1、2 B 接口：http://ip:port/xx/BServlet</option>
<option value="http://ip:port/xx/CServlet" >1、3 C 接口：http://ip:port/xx/CServlet</option>
<option value="http://ip:port/xx/DServlet" >1、4 D 接口：http://ip:port/xx/DServlet</option>
<option value="http://ip:port/xx/EServlet" >1、5 E 接口：http://ip:port/xx/EServlet</option>
<option value="http://ip:port/xx/FServlet" >2、1 F 接口：http://ip:port/xx/FServlet</option>
<option value="http://ip:port/xx/GServlet" >2、2 G 接口：http://ip:port/xx/GServlet</option>
</select>
<input type="button" style="height:30px;"  id="send" value="    请    求    " onclick="sendxml()"/><p/>
</div>
</td>
</tr>
<tr>
<td colspan=2>
<div class="tit1">XML文件：
<input type="text" id="file1" value="" style="width:50%;"  class="tit0" readonly>
<input type="button" id="file2" style="height:30px;"   value="    浏    览    " onclick="file3.click();file1.value=file3.value;readFile(file1.value);">
<input type="file" id="file3" style="display:none" style="width:50%;"  class="tit0">
</div>
</td>
</tr>
<tr>
<td class="tit1"><b>发送报文</b>
<input type="button" style="height:30px;"  value="清 空" onclick="document.getElementById('RSXML').value='';">
<input type="button" style="height:30px;"  value="复 制" onclick="window.clipboardData.setData('text', document.getElementById('RSXML').value);">
</td>
<td class="tit1"><b>接收报文</b>
<input type="button" style="height:30px;"  value="清 空" onclick="document.getElementById('RQXML').value='';">
<input type="button" style="height:30px;"  value="复 制" onclick="window.clipboardData.setData('text', document.getElementById('RQXML').value);">
</td>
</tr>
<tr>
<td><textarea id="RSXML" style="width:100%;height:400px;" class="tit2"></textarea></td>
<td><textarea id="RQXML" style="width:100%;height:400px;" class="tit2"></textarea></td>
</tr>
</table>
<div id="resultword"  align="center" style="display:none;color:red;font-size:25px;">
已将文本“复制到剪切板中的内容。”复制到剪切板！！
</div>
</body>
</html>


附截图：

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航