querystring/tests/io-querystring.html

	io-querystring.html revision 9937b1023af01208093be09db199c2cb50f04f1e
<!DOCTYPE html>
<html>
<head>
    <title>Test Page</title>
    <link rel="stylesheet" href="/build/test/assets/test-console.css">
    <style>
    body {
        font-size:16px;
    }
    script.mine {
        clear:left;
        white-space:pre;
        display:block;
        font-family:monospace;
        background:#eef;
    }
    script::before, script::after {
        content:"<script>";
    }
    script::after {
        content:"</script>";
    }
    script[src]::before {
        content:"<script src=\"" attr(src) "\">";
        white-space:nowrap;
    }
    script[src] {
        background:#fff;
    }
    .yui-console, .yui-console-bd {
        height:auto!important;
        overflow:auto!important;
        overflow-y:auto!important;
    }

    </style>
</head>
<body class="yui-skin-sam">
<h1>Query String Tests</h1>
<div id="testbed"></div>

<script src="/build/yui/yui.js"></script>
<script>

var DATA = {
    foo : "bar",
    baz : { quux : "foo" },
    arr : [1,2,3]
};
function log (which) {
    return function () {
        console.log.call(console, which, arguments)
    };
};


YUI({
    base : '/build/',
    filter : 'raw'
}).use( 'io', function (Y) {

    Y.io("/test.php?simple_qs", {
        method : "POST",
        data : DATA,
        on : {
            start : log("start"),
            complete : log("complete"),
            end : log("end")
        }
    });

});

YUI({
    base : '/build/',
    filter : 'raw'
}).use( 'querystring', 'io', function (Y) {

    Y.io("/test.php?with_qs", {
        method : "POST",
        data : DATA,
        on : {
            start : log("start"),
            complete : log("complete"),
            end : log("end")
        }
    });

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