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