plain text json manipulation
This commit is contained in:
parent
06bf852342
commit
d6c4339016
|
@ -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>
|
Loading…
Reference in New Issue