plain text json manipulation

This commit is contained in:
Kameron Kenny 2019-06-04 16:41:37 -04:00
parent 06bf852342
commit d6c4339016
1 changed files with 67 additions and 0 deletions

View File

@ -0,0 +1,67 @@
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Font -->
<!-- <link href='http://fonts.googleapis.com/css?family=Raleway:400,300,600' rel='stylesheet' type='text/css'> -->
<!-- CSS -->
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/skeleton.css">
<link rel="stylesheet" href="css/custom.css">
<!-- <link rel="stylesheet" type="text/css" href="style.css"> -->
<!-- No Cache -->
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="0">
</head>
<body onLoad="getJson()">
<textarea id="data"></textarea><br />
<input onClick="getJson()" id="getJson" type="button" value="Get" />
<input onClick="putJson()" id="put" type="button" value="Put" />
<input onClick="test()" id="test" type="button" value="test" />
<p id="result"></p>
</body>
<script>
function test() {
d = document.getElementById("data").value;
document.getElementById("result").innerHTML = d;
}
function putJson() {
var data = document.getElementById("data").value;
let req = new XMLHttpRequest();
req.onreadystatechange = () => {
if (req.readyState == XMLHttpRequest.DONE) {
document.getElementById("result").innerHTML = req.responseText;
}
};
req.open("PUT", "https://api.myjson.com/bins/k0abr", true);
req.setRequestHeader("Content-type", "application/json");
req.send(data);
}
function getJson() {
console.log(`getJson`);
let req = new XMLHttpRequest();
req.onreadystatechange = () => {
if (req.readyState == XMLHttpRequest.DONE) {
document.getElementById("data").innerHTML = JSON.stringify(JSON.parse(req.responseText),null,2);
}
};
req.open("GET", "https://api.myjson.com/bins/k0abr", true);
req.send();
}
</script>