webAPI 网页测试工具

<!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>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值