Passing Data with Query String, AJAX, and Cookies

Enter something in the field and click the Continue button.

QueryStringReader.js | CookieHandler.js | AJAXRequest.js | data.xml

var query = new QueryStringReader();
var cookies = new CookieHandler();
var my_text = query.get("my_text");
var i = 0;

function ajaxResponseHandler (httpRequest) {
	if (httpRequest.readyState == 4) {
		if (httpRequest.status == 200) {
			var xmldoc = httpRequest.responseXML;
			var root_node = xmldoc.getElementsByTagName('root').item(0);
			document.getElementById("ajaxOutput").innerHTML = ("ajaxResponseHandler: " + root_node.firstChild.data);
		} else {
			document.getElementById("ajaxOutput").innerHTML = ("ajaxResponseHandler: " + 'There was a problem with the request.');
		}
	}
}

// direct
if (my_text) {
    
    document.my_form.my_text.value = my_text;
    
    // query string
    document.write("QueryStringReader: my_text=" + my_text + "
")
    
    for (i=0; i < query.keys.length; i++) {
        document.write("QueryStringReader: " + (i+1) + ". " + query.keys[i] + "=" + query.args[query.keys[i]] + "
");
    }
    
    // cookies
    cookies.set("my_text",my_text);
    document.write("CookieHandler: saved my_text \"" + cookies.get("my_text") + "\" into cookie" + "
");

    // ajax
    AJAXRequest("examples/javascript_tools/passing_data/data.xml", ajaxResponseHandler);
}

© 2011