--- /dev/null
+<!DOCTYPE HTML>\r
+<html xmlns="http://www.w3.org/1999/xhtml">\r
+<head>\r
+<meta http-equiv="content-type" content="text/html; charset=UTF-8" />\r
+ <title>HTTP method test</title>\r
+ <style type="text/css" media="screen">\r
+ body {background:#eee; margin:0%; padding:0%; padding-top:0%; padding-left:1%}\r
+ .cform {margin:0%; padding:0%; padding-top:0%; padding-left:2%;}\r
+ h3 {margin:0%; padding:0%; padding-top:0%; padding-left:0%;}\r
+ td {vertical-align:top; text-align:left;}\r
+ </style>\r
+ <script type="text/javascript"><![CDATA[\r
+\r
+ function getParams() {\r
+ var result = {};\r
+ var kvPairs = location.search.slice(1).split('&');\r
+\r
+ kvPairs.forEach(\r
+ function(kvPair) {\r
+ kvPair = kvPair.split('=');\r
+ result[kvPair[0]] = kvPair[1] || '';\r
+ }\r
+ );\r
+\r
+ return result;\r
+ }\r
+\r
+ function noBody() {\r
+ document.getElementById("body_none").checked = true;\r
+ }\r
+\r
+ function load() {\r
+ var params = getParams();\r
+ var method = params["method"];\r
+ if (!method) {\r
+ method = "GET";\r
+ }\r
+ var path = params["path"];\r
+ if (!path) {\r
+ path = "";\r
+ }\r
+\r
+ var elem = document.getElementById('h1');\r
+ elem.innerHTML = "HTTP method test page";\r
+\r
+ document.getElementById("proto_http").checked = (window.location.protocol != "https:");\r
+ document.getElementById("proto_https").checked = (window.location.protocol == "https:");\r
+ document.getElementById("server").value = location.host;\r
+ document.getElementById("resource").value = path;\r
+\r
+ setRadioValue("method", method);\r
+ noBody();\r
+ }\r
+\r
+ function setRadioValue(elmname, value) {\r
+ var elms = document.getElementsByName(elmname);\r
+ var len = elms.length;\r
+ var ret = false;\r
+\r
+ for (var i=0; i<len; i++) {\r
+ elms[i].checked = (elms[i].value == value);\r
+ ret |= elms[i].checked;\r
+ }\r
+ return ret;\r
+ }\r
+\r
+ function getRadioValue(elmname) {\r
+\r
+ var elms = document.getElementsByName(elmname);\r
+ var len = elms.length;\r
+ var ret = "";\r
+\r
+ for (var i=0; i<len; i++) {\r
+ if (elms[i].checked) {\r
+ ret = elms[i].value;\r
+ }\r
+ }\r
+ return ret;\r
+ }\r
+\r
+ function sendreq() {\r
+ var proto = getRadioValue("protocol");\r
+ var host = document.getElementById("server").value;\r
+ var res = document.getElementById("resource").value;\r
+ var addr = proto + "://" + host + "/" + res;\r
+ var meth = getRadioValue("method");\r
+ var body = getRadioValue("body");\r
+\r
+ xmlhttp = new XMLHttpRequest();\r
+ if (!xmlhttp) {\r
+ alert("XMLHttpRequest not available");\r
+ window.history.back();\r
+ }\r
+\r
+ xmlhttp.open(meth,addr,true);\r
+\r
+ if (body == '*') {\r
+ body = null;\r
+ } else {\r
+ if (body == '**') {\r
+ var body_bytes = document.getElementById("body_bytes").value;\r
+ body_bytes = parseInt(Number(body_bytes) || 0) || 0;\r
+ body = "";\r
+ for (var i=0; i<body_bytes; i++) {\r
+ var ascii = Math.floor((Math.random() * 94) + 32);\r
+ body = body + String.fromCharCode(ascii);\r
+ }\r
+ }\r
+ xmlhttp.setRequestHeader("Content-Length", body.length);\r
+ }\r
+\r
+ xmlhttp.onreadystatechange = function()\r
+ {\r
+ var laddr = addr;\r
+ var lmeth = meth;\r
+ var blen = "";\r
+ if (body) {\r
+ blen = "\nWith " + body.length + " bytes body data";\r
+ }\r
+\r
+ if (xmlhttp.readyState == 4)\r
+ {\r
+ alert(lmeth + " " + laddr + blen + "\n\nResponse: " + xmlhttp.status + "\n\n" + xmlhttp.responseText);\r
+ }\r
+ }\r
+\r
+ xmlhttp.send(body);\r
+\r
+ }\r
+\r
+ ]]></script>\r
+\r
+</head>\r
+<body onload="load()">\r
+\r
+<h1 id='h1'>Fatal error: Javascript not available!</h1>\r
+\r
+<h2>Test parameters</h2>\r
+<form lass="cform">\r
+\r
+<h3>Protocol</h3>\r
+<input id="proto_http" type="radio" name="protocol" value="http" /> http <br />\r
+<input id="proto_https" type="radio" name="protocol" value="https" /> https\r
+\r
+<h3>Server/Host</h3>\r
+<input id="server" type="text" name="server" value="" />\r
+\r
+<h3>Resource</h3>\r
+<input id="resource" type="text" name="resource" value="" />\r
+\r
+<h3>Method</h3>\r
+<!-- http://www.restpatterns.org/HTTP_Methods -->\r
+<!-- http://www.w3.org/Protocols/rfc2616/rfc2616-sec9.html -->\r
+<table style="border-spacing:15px 0px;">\r
+ <tr>\r
+ <td><a href="http://tools.ietf.org/html/rfc7231#section-4.2.1">Save Methods</a></td>\r
+ <td>"Unsave" <a href="http://tools.ietf.org/html/rfc7231#section-4.2.2">Idempotent Methods</a></td>\r
+ <td>Non-Idempotent Methods</td>\r
+ <td>Special</td>\r
+ </tr>\r
+ <tr>\r
+ <td>\r
+<input id="method_opt" type="radio" name="method" value="OPTIONS" onclick="noBody()" /> OPTIONS <br />\r
+<input id="method_get" type="radio" name="method" value="GET" onclick="noBody()" /> GET <br />\r
+<input id="method_hea" type="radio" name="method" value="HEAD" onclick="noBody()" /> HEAD <br />\r
+<input id="method_tra" type="radio" name="method" value="TRACE" /> TRACE <br />\r
+<input id="method_pro" type="radio" name="method" value="PROPFIND" /> PROPFIND <br />\r
+ </td>\r
+ <td>\r
+<input id="method_put" type="radio" name="method" value="PUT" /> PUT <br />\r
+<input id="method_del" type="radio" name="method" value="DELETE" /> DELETE <br />\r
+<input id="method_cop" type="radio" name="method" value="COPY" /> COPY <br />\r
+<input id="method_cop" type="radio" name="method" value="MOVE" /> MOVE <br />\r
+<input id="method_ppa" type="radio" name="method" value="PROPPATCH" /> PROPPATCH <br />\r
+<input id="method_unl" type="radio" name="method" value="UNLOCK" /> UNLOCK <br />\r
+ </td>\r
+ <td>\r
+<input id="method_pos" type="radio" name="method" value="POST" /> POST <br />\r
+<input id="method_pat" type="radio" name="method" value="PATCH" /> PATCH <br />\r
+<input id="method_mkc" type="radio" name="method" value="MKCOL" /> MKCOL <br />\r
+<input id="method_loc" type="radio" name="method" value="LOCK" /> LOCK <br />\r
+ </td>\r
+ <td>\r
+<input id="method_con" type="radio" name="method" value="CONNECT" /> CONNECT <br />\r
+<input id="method_userdef" type="radio" name="method" value="INVALID" /> <input id="method_name" type="text" name="method_name" value="INVALID" oninput="var elem = document.getElementById('method_userdef'); elem.checked = true; elem.value=value" /> <br />\r
+ </td>\r
+ </tr>\r
+</table>\r
+\r
+<h3>Body data</h3>\r
+<input id="body_none" type="radio" name="body" value="*" /> No body data <br />\r
+<input id="body_10" type="radio" name="body" value="1234567890" /> 10 Bytes ("1234567890") <br />\r
+<input id="body_rnd" type="radio" name="body" value="**" /> <input id="body_bytes" type="number" name="body_bytes" value="100" min="0" step="0" max="999999999" oninput="document.getElementById('body_rnd').checked = true" /> Bytes random data <br />\r
+\r
+<h3>Submit</h3>\r
+<input id="send" type="button" onclick="sendreq()" value="Send request" />\r
+\r
+</form>\r
+\r
+</body></html>\r