View source for JavaScript Client to Test CORS


<syntaxhighlight lang='html'>
<!DOCTYPE html>
<html>
    <head>
        <script>

            var stageUrl = 'https://0o2dx0vi59.execute-api.us-west-2.amazonaws.com/test';

            function invokeOptions() {

                invoke('OPTIONS');
            }

            function invokeGet() {

                invoke('GET');
            }

            function invoke(method) {

                var url = stageUrl + '/a';

                var xhr = createCORSRequest(method, url);

                xhr.withCredentials = false;

                xhr.onload = function() {

                    document.getElementById("result").innerHTML = "SUCCESS";
                };

                xhr.onerror = function() {

                    document.getElementById("result").innerHTML = "ERROR";
                };

                xhr.send();
            }

            var createCORSRequest = function(method, url) {

                var xhr = new XMLHttpRequest();

                if ("withCredentials" in xhr) {

                    xhr.open(method, url, true);
                }
                else {

                    // CORS not supported.
                    xhr = null;
                }

                return xhr;
            };

    </script>
</head>
    <body>

        <h1>CORS TEST</h1>

        <button type="button" onclick="invokeOptions()">Invoke OPTIONS</button>
        <br>
        <br>
        <button type="button" onclick="invokeGet()">Invoke GET</button>

        <p id="result"></p>

    </body>
</html>
</syntaxhighlight>