jasperjn/yui3-io-xdr-native-cookie.html

## yui3-io-xdr-native-cookie.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="created" content="2011-12-22">
<title>Y.io Native XDR</title>
<link rel="stylesheet" href="http://yui.yahooapis.com/3.4.1/build/cssreset/reset-min.css">
<link rel="stylesheet" href="http://yui.yahooapis.com/3.4.1/build/cssfonts/fonts-min.css">
<link rel="stylesheet" href="/prototype.css">
<script src="http://yui.yahooapis.com/3.4.1/build/yui/yui-min.js"></script>
<script>
var origin = location.hostname,
    target = (origin === "josephj.com" ? "www.josephj.com" : "josephj.com");
</script>
</head>
<body>
    <h1>Y.io Native XDR</h1>
    <p class="introduction">You are in "<script>document.write(origin);</script>"</p>
    <div style="text-align:center;">
        <button>Get cookie from "<script>document.write(target);</script>"</button>
    </div>
    <script>
    YUI().use("node-base","io-xdr", function (Y) {

        var button = Y.one("button"),
            config = {
                headers: {
                    "Content-Type": "application/x-www-form-urlencoded"
                },
                on: {
                    success: function (id, o) {
                        alert(o.responseText);
                    }
                },
                xdr: {
                    use: "native",
                    credentials: true
                },
                timeout: 5000
            };

        button.on("click", function (e) {

            // A Chrome bug, we can remove it by not providing
            // the 2nd parameter.
            Y.io.header("X-Requested-With");

            // Make a subdomain request.
            Y.io("http://" + target + "/lab/2011/cors-cookie/demo.php", config);
        });

    });
    </script>
</body>
</html>