webAPI 网页测试工具

最新推荐文章于 2024-07-10 20:24:33 发布

dulei123321

最新推荐文章于 2024-07-10 20:24:33 发布

阅读量1.4k

点赞数

本文链接：https://blog.csdn.net/dulei123321/article/details/28236223

版权

WebAPI 同时被 2 个专栏收录

6 篇文章 0 订阅

订阅专栏

JavaScript

4 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script type="text/javascript" src="Scripts/jquery-1.7.1.js"></script>
<script type="text/javascript">
var controllerJson = [{ "cName": "Register" }, { "cName": "Contacts" }, { "cName": "Login" }, { "cName": "VersionTest" }, { "cName": "Service" }, { "cName": "Package" }, { "cName": "PackageOrder" }, { "cName": "FeedBack" }, { "cName": "PrivateCustom" }, { "cName": "User" }, { "cName": "Order" }, { "cName": "ServiceOrder" }, { "cName": "Phone" }
, { "cName": "EditPassword" } , { "cName": "MessageManage" } , { "cName": "EditUser" }, { "cName": "FindPwd" }];
$(function () {
$("#txtConller").append(new Option("请选择", "", true));
for (var i = 0; i < controllerJson.length; i++)
{
var option = new Option(controllerJson[i].cName, controllerJson[i].cName);
$("#txtConller").append(option);
}
});

function btnSubmit() {
var address = $("#txtUrl").val();
var controller = $("#txtConller").val();
var stype = $("#sType").val();
// var tType = $("#txtType").val();
var params = $("#txtParams").val();
if (address == "") {
return false;
}

if (controller == "") {
alert("控制器不能为空");
return false;
}
if (stype == "") {
alert("行为和其他行为必须有一个必填");
return false;
}
if (params == "") {
params = null;
}
if (params != "") {
params = JSON.parse(params);
}
var rURl = address + "/api/" + controller
$.ajax({
url: rURl,
type: stype,
data: params,
dataType:"json",
success: function (data) {
document.getElementById("modes").innerHTML = JSON.stringify(data);
}
}).fail(
function (xhr, textStatus, err) {
var msg="";
if (err == "") {
msg = "<span style='color:red;'>服务端错误或服务未启动！</span>";
}
else {
msg = "<span style='color:red;'>" + err + "!</span>";
}
document.getElementById("modes").innerHTML = msg;
});

}
</script>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="5">
<tr>
<td>请求地址</td>
<td>
<input type="text" value="http://127.0.0.1:8080" name="txtUrl" id="txtUrl" /></td>
</tr>
<tr>
<td>控制器</td>
<td>
<select id="txtConller" name="txtConller">

</select>

</tr>
<tr>
<td>请求行为</td>
<td>
<select id="sType" name="sType">
<option value="">请选择</option>
<option value="POST">Post</option>
<option value="GET">Get</option>
<option value="PUT">Put</option>
<option value="DELETE">Delete</option>

</select>

</td>

</tr>

<tr>
<td>参数</td>
<td>
<textarea value="" cols="50" rows="10" style="overflow: auto;" name="txtParams" id="txtParams"></textarea>
<span>例如：{"Id":"001","Name":"张三","Phone":"2014/4/22 13:18:26","EmailAddress":"dulei@51lsh.com"} </span>
</td>
</tr>
<tr>

<td colspan="2">
<input type="button" value="提交" οnclick="btnSubmit()" />
</td>
</tr>
</table>
<span>返回数据：</span>
<span id="modes" >

</span>

<h4 style="color:red;">目前测试工具支持chrome 浏览器 ([Post-增加操作][PUT-修改操作][GET-查询参数为空默认查询全部][DELETE-删除操作]) </h4>
</body>
</html>