AjaxでJsonをGETする
index.html
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script>
/****************************/
// {"name":"John","age":13}
/****************************/
$.ajax({
type: "GET",
url: "http://localhost/jquery/http-get.json",
dataType:"json",
})
//通信が成功した場合の処理
.done(function(data) {
var data_stringify = JSON.stringify(data);
var json = JSON.parse(data_stringify);
var name = json["name"];
var age = json["age"];
alert(name);
alert(age);
})
//通信がエラーになった場合の処理
.fail(function(err) { })
//通信状態に関係なく毎回実行される処理
.always(function() { })
</script>
</head>
<body>
</body>
</html>
http-get.json
{"name":"John","age":13}