booknara/gist:5536243

## gistfile1.html
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>MDN Example &ndash; AJAX and forms</title>
    <script type="text/javascript">

        function AJAXGet(oForm) {
            if (oForm.method.toLowerCase() !== "get") { return; }
            var query = [];
            var xhr = new XMLHttpRequest();
            for (var nItem = 0; nItem < oForm.elements.length; nItem++) {
                var field = oForm.elements[nItem];
                if (!field.hasAttribute("name") || (/^(?:radio|checkbox)$/.test(field.type) && !field.checked)) { continue; }
                query.push(escape(field.getAttribute("name")) + "=" + escape(field.value));
            }
            xhr.onload = function() {
                alert(this.responseText);
            };
            xhr.onerror = function() {
                alert("An error occurred while submitting the form.");
            };
            xhr.open("get", query.length ? oForm.action + "?" + query.join("&") : oForm.action, true);
            xhr.send(null);
        }
    </script>
</head>

<body>

<!--  Change Request URL in action property-->
<form onsubmit="AJAXGet(this); return false;" action="https://www.example.com" method="get">
    <p>
        Param: <input type="text" name="param" /><br />
    <p>
        <input type="submit" value="Submit" />
    </p>
</form>

</body>
</html>
	<html>
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>MDN Example – AJAX and forms</title>
	<script type="text/javascript">

	function AJAXGet(oForm) {
	if (oForm.method.toLowerCase() !== "get") { return; }
	var query = [];
	var xhr = new XMLHttpRequest();
	for (var nItem = 0; nItem < oForm.elements.length; nItem++) {
	var field = oForm.elements[nItem];
	if (!field.hasAttribute("name") \|\| (/^(?:radio\|checkbox)$/.test(field.type) && !field.checked)) { continue; }
	query.push(escape(field.getAttribute("name")) + "=" + escape(field.value));
	}
	xhr.onload = function() {
	alert(this.responseText);
	};
	xhr.onerror = function() {
	alert("An error occurred while submitting the form.");
	};
	xhr.open("get", query.length ? oForm.action + "?" + query.join("&") : oForm.action, true);
	xhr.send(null);
	}
	</script>
	</head>

	<body>

	<!-- Change Request URL in action property-->
	<form onsubmit="AJAXGet(this); return false;" action="https://www.example.com" method="get">
	<p>
	Param: <input type="text" name="param" /><br />
	<p>
	<input type="submit" value="Submit" />
	</p>
	</form>

	</body>
	</html>