1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/browser/devtools/netmonitor/test/html_post-data-test-page.html Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,74 @@
1.4 +<!-- Any copyright is dedicated to the Public Domain.
1.5 + http://creativecommons.org/publicdomain/zero/1.0/ -->
1.6 +<!doctype html>
1.7 +
1.8 +<html>
1.9 + <head>
1.10 + <meta charset="utf-8"/>
1.11 + <title>Network Monitor test page</title>
1.12 + <style>
1.13 + input {
1.14 + display: block;
1.15 + margin: 12px;
1.16 + }
1.17 + </style>
1.18 + </head>
1.19 +
1.20 + <body>
1.21 + <p>POST data test</p>
1.22 + <form enctype="multipart/form-data" method="post" name="form-name">
1.23 + <input type="text" name="text" placeholder="text" value="Some text..."/>
1.24 + <input type="email" name="email" placeholder="email"/>
1.25 + <input type="range" name="range" value="42"/>
1.26 + <input type="button" value="Post me!" onclick="window.form()">
1.27 + </form>
1.28 +
1.29 + <script type="text/javascript">
1.30 + function post(aAddress, aMessage, aCallback) {
1.31 + var xhr = new XMLHttpRequest();
1.32 + xhr.open("POST", aAddress, true);
1.33 + xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
1.34 +
1.35 + var data = "";
1.36 + for (var i in aMessage) {
1.37 + data += "&" + i + "=" + aMessage[i];
1.38 + }
1.39 +
1.40 + xhr.onreadystatechange = function() {
1.41 + if (this.readyState == this.DONE) {
1.42 + aCallback();
1.43 + }
1.44 + };
1.45 + xhr.send(data);
1.46 + }
1.47 +
1.48 + function form(aAddress, aForm, aCallback) {
1.49 + var formData = new FormData(document.forms.namedItem(aForm));
1.50 + formData.append("Custom field", "Extra data");
1.51 +
1.52 + var xhr = new XMLHttpRequest();
1.53 + xhr.open("POST", aAddress, true);
1.54 +
1.55 + xhr.onreadystatechange = function() {
1.56 + if (this.readyState == this.DONE) {
1.57 + aCallback();
1.58 + }
1.59 + };
1.60 + xhr.send(formData);
1.61 + }
1.62 +
1.63 + function performRequests() {
1.64 + var url = "sjs_simple-test-server.sjs";
1.65 + var url1 = url + "?foo=bar&baz=42&type=urlencoded";
1.66 + var url2 = url + "?foo=bar&baz=42&type=multipart";
1.67 +
1.68 + post(url1, { foo: "bar", baz: 123 }, function() {
1.69 + form(url2, "form-name", function() {
1.70 + // Done.
1.71 + });
1.72 + });
1.73 + }
1.74 + </script>
1.75 + </body>
1.76 +
1.77 +</html>
