| <html> |
| <body bgcolor="white"> |
| <script language="JavaScript"> |
| function execXMLHttpRequest() |
| { |
| var url = document.getElementById("url").value; |
| var warningElement = document.getElementById("warning"); |
| if (url.indexOf(location.origin) != 0) { |
| warningElement.innerHTML = |
| 'For cross-origin requests to succeed the server must return CORS headers:' + |
| '<pre>Access-Control-Allow-Origin: ' + location.origin + |
| '<br/>Access-Control-Allow-Header: My-Custom-Header</pre>'; |
| warningElement.style.display = 'block'; |
| } else { |
| warningElement.style.display = 'none'; |
| } |
| |
| xhr = new XMLHttpRequest(); |
| xhr.open("GET", url, true); |
| xhr.setRequestHeader('My-Custom-Header', 'Some Value'); |
| xhr.onload = function(e) { |
| if (xhr.readyState === 4) { |
| var value = "Status Code: "+xhr.status; |
| if (xhr.status === 200) |
| value += "\n\n"+xhr.responseText; |
| document.getElementById('ta').value = value; |
| } |
| } |
| xhr.send(); |
| } |
| </script> |
| <form> |
| URL: <input type="text" id="url" value="http://tests/request"> |
| <br/><input type="button" onclick="execXMLHttpRequest();" value="Execute XMLHttpRequest"> |
| <br/><textarea rows="10" cols="40" id="ta"></textarea> |
| </form> |
| <div id="warning" style="display:none;font-weight:bold;"></div> |
| </body> |
| </html> |
