Tiny File Manager

Back Back Up Advanced Editor

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
</head>

<body>
<div align="center">
    <label for="LName">Last Name</label>
    <input type="text" class="form-control" name="LName" id="LName" maxlength="15"
           placeholder="Last name"/>
</div>
<br/>

<div align="center">
    <label for="Age">Age</label>
    <input type="text" class="form-control" name="Age" id="Age" maxlength="3"
           placeholder="Age"/>
</div>
<br/>

<div align="center">
    <button type="submit" name="submit_show" id="submit_show" value="show" onclick="actionSend()">Show
    </button>
</div>

<div id="result">
</div>

<script>
    var xmlhttp;

function actionSend() {
        if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
            xmlhttp = new XMLHttpRequest();
        }
        else {// code for IE6, IE5
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        }
		
		
       /* var values = $("input").map(function () {
            return $(this).val();
        }).get();*/
		
		
		//var songlist = ['song1', 'song2', 'song3'];
		
		let arr1 = ["ABC", 24, 18000];
		let arr2 = ["EFG", 30, 30000];
		let arr3 = ["IJK", 28, 41000];
		let arr4 = ["EFG", 31, 28000];
		let arr5 = ["EFG", 29, 35000];
		let songlist = [arr1, arr2, arr3, arr4, arr5];
		
        //var myJsonString = JSON.stringify(values);
		var JsonString = JSON.stringify(songlist);
        xmlhttp.onreadystatechange = respond;
        xmlhttp.open("POST", "ajax-test.php", true);
        //xmlhttp.send(myJsonString);
		xmlhttp.send(JsonString);
    }

function respond() {
        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
            document.getElementById('result').innerHTML = xmlhttp.responseText;
        }
    }

</script>

</body>
</html>