DIR : /home/kozerus/public_html/go/ko_xhr.html

/home/kozerus/public_html/go

<html>
<head>
<!--	ko_xhr	20211204_1100 -->
	<title>/ko_xhr.html</title>

	<script id=script_ko_xhr>

		function ko_xhr(args) {
			var xhr = new XMLHttpRequest();
//			xhr.open('GET', '/path/to/image.png', true);
			xhr.open('GET', '/ko.php?todo', true);

// Hack to pass bytes through unprocessed.
			xhr.overrideMimeType('text/plain; charset=x-user-defined');

			xhr.onreadystatechange = function(e) {
				if (this.readyState == 4 && this.status == 200) {
					var binStr = this.responseText;
					for (var i = 0, len = binStr.length; i < len; ++i) {
						var c = binStr.charCodeAt(i);
// String.fromCharCode(c & 0xff);
						var byte = c & 0xff;  // byte at offset i
						}
					}
				};
			xhr.send();


			var xhr = new XMLHttpRequest();
//			xhr.open('GET', '/path/to/image.png', true);
			xhr.open('GET', '/ko.php?todo=mp3s', true);
			xhr.responseType = 'blob';

			xhr.onload = function(e) {
				if (this.status == 200) {
// Note: .response instead of .responseText
//				var blob = new Blob([this.response], {type: 'image/png'});
				var blob = new Blob([this.response], {type: 'text/plain'});
				}
			};

		xhr.send();




function sendForm() {
	var formData = new FormData();
	formData.append('username', 'johndoe');
	formData.append('id', 123456);

	var xhr = new XMLHttpRequest();
	xhr.open('POST', '/ko.php?form=form1', true);
//	xhr.onload = function(e) { ... };
	xhr.onload = function(e) { print( "<h1>MSG_101 ONLOAD</h1>"); };
	xhr.send(formData);
	}

function sendForm(form) {
	var formData = new FormData(form);
	formData.append('secret_token', '1234567890'); // Append extra data before send.

	var xhr = new XMLHttpRequest();
	xhr.open('POST', form.action, true);
	xhr.onload = function(e) { print( "<h1>MSG_70 htfiles SENDFORM</h1>"; };
	xhr.send(formData);
	return false; // Prevent page from submitting.
	}


function uploadFiles(url, files) {
	var formData = new FormData();
	for (var i = 0, file; file = files[i]; ++i) {
		formData.append(file.name, file);
		}

	var xhr = new XMLHttpRequest();
	xhr.open('POST', url, true);
	xhr.onload = function(e) { print( "<h1>MSG_80 UPLOADFILES url="+url+"</h1>"; };

	xhr.send(formData);  // multipart/form-data
}

	document.querySelector('input[type="file"]').addEventListener('change', function(e) {
  uploadFiles('/ko.us', this.files);
}, false);




function upload(blobOrFile) {
	var xhr = new XMLHttpRequest();
	xhr.open('POST', '/ko.php', true);
	xhr.onload = function(e) { print( "<h1>MSG_100 UPLOAD</h1>"; };

// Listen to the upload progress.
	var progressBar = document.querySelector('progress');
	xhr.upload.onprogress = function(e) {
		if (e.lengthComputable) {
			progressBar.value = (e.loaded / e.total) * 100;
			progressBar.textContent = progressBar.value; // Fallback for unsupported browsers.
			}
		};

	xhr.send(blobOrFile);
	}

upload(new Blob(['jkwii is me'], {type: 'text/plain'}));


	</script>
	</head>
<body bgcolor=linen onload="ko_xhr(''); return false;>
	<div id=div_ko_xhr</div>
		<h1>ko_xhr 20211204_1030</h1>
		<h2>progress</h2>
		<progress min="0" max="100" value="0">0% complete</progress>
		</div>
	<div id=div_form</div>
		<h1>div_form</h1>
		<hr color=goldenrod>
		<form id="myform" name="myform" action="/ko.php">
		<table id=table_htfiles>
			<tr><td>fld</td><td>val</td><tr>
			<tr><td>bgid</td><td><input type="text" name="bgid"  value="27"></td><tr>
			<tr><td>bid</td><td><input type="text" name="bid" value="38"></td><tr>
			<tr><td>gid</td><td><input type="text" name="gid" value="game1"></td><tr>
			<tr><td>bxlim</td><td><input type="text" name="bxlim" value="19"></td><tr>
			<tr><td>bylim</td><td><input type="text" name="bylim" value="19"></td><tr>
			<tr><td>bhandi</td><td><input type="text" name="bhandi" value="9"></td><tr>
			<tr><td>t</td><td><input type="text" name="t" value="1"></td><tr>
			<tr><td>x</td><td><input type="text" name="x" value="1"></td><tr>
			<tr><td>y</td><td><input type="text" name="y" value="2"></td><tr>
			<tr><td>td</td><td><input type="text" name="td" value="td"></td><tr>
			<tr><td>tdx</td><td><input type="text" name="tdx" value="tdx"></td><tr>
			<tr><td>tdy</td><td><input type="text" name="tdy" value="tdy"></td><tr>
			<tr><td>notes</td><td><input type="text" name="notes" value="notes"></td><tr>
			<tr><td>step</td><td><input type="text" name="step" value="step"></td><tr>
			<tr><td>name</td><td><input type="text" name="name" value="johndoe"></td><tr>
			<tr><td>id</td><td><input type="number" name="id" value="1213"></td><tr>
			</table>
		<hr color=goldenrod>
		<input type="submit" onclick="return sendForm(this.form);">
		</form>
		<hr color=goldenrod>

	</body>
	</html>
//


koh5_pano



Your browser does not support the HTML5 canvas element.
Drag mouse to navigate.

Navigation





17.Aug.2010, Martin Wengenmayer