3\u5e74\u306b1\u5ea6\u306f\u5fc5\u305a\u5b9f\u88c5\u3059\u308b\u5fc5\u8981\u304c\u3042\u308b\u6280\u8853\u3002
\n\u899a\u3048\u66f8\u304d\u3067\u3059\u3002<\/p>\n
[html]
\n<html>
\n<head>
\n<title>JS<\/title>
\n <script
\n src="https:\/\/code.jquery.com\/jquery-3.3.1.min.js" integrity="sha256-FgpCb\/KJQlLNfOu91ta32o\/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous">
\n <\/script>
\n<\/head>
\n<body><\/p>\n
<select name="item" id="item">
\n <option value="">\u308a\u3093\u3054<\/option>
\n <option value="">\u30a4\u30c1\u30b4<\/option>
\n <option value="">\u30d0\u30ca\u30ca<\/option>
\n<\/select><\/p>\n
<script>
\n $(function(){
\n $(‘#item’).change(function(){
\n $.ajax({
\n \t\turl:"\/data.json",
\n \t\ttype:"POST",
\n data:$("#form1").serialize(),
\n\t\t dataType:"json",
\n\t\t timespan:1000
\n \t\t}).done(function(data1,textStatus,jqXHR) {
\n\t\t\t\tconsole.log(jqXHR.status);
\n\t\t\t\tconsole.log(textStatus);<\/p>\n
console.log(data1);
\n console.log(data1["data"][0].name);<\/p>\n
var data2 = JSON.stringify(data1);
\n\t\t\t\tconsole.log(data2); <\/p>\n
var data3 = JSON.parse(data2);
\n\t\t\t\tconsole.log(data3);<\/p>\n
$("#item option").remove();
\n $("#item").append("<option><\/option>");
\n $.each(data3["data"], function(key, value){
\n console.log(key + ‘:’ + value);
\n $("#item").append($("<option>").val(value.id).text(value.name));
\n });
\n }).fail(function(jqXHR, textStatus, errorThrown ) {
\n console.log(jqXHR.status);
\n console.log(textStatus);
\n console.log(errorThrown);
\n console.log(‘Failed’);
\n }).always(function(){
\n console.log("complete");
\n });
\n });
\n });
\n<\/script>
\n<\/body>
\n<\/html>
\n[\/html]<\/p>\n
[javascript]
\n{"data" : [
\n {
\n "id" : "1",
\n "name" : "\u592a\u90ce",
\n "age" : "12"
\n },
\n {
\n "id" : "2",
\n "name" : "\u82b1\u5b50",
\n "age" : "14"
\n },
\n {
\n "id" : "3",
\n "name" : "\u91d1\u592a\u90ce",
\n "age" : "32"
\n },
\n {
\n "id" : "4",
\n "name" : "\u6843\u592a\u90ce",
\n "age" : "47"
\n },
\n {
\n "id" : "5",
\n "name" : "\u8d64\u592a\u90ce",
\n "age" : "23"
\n }
\n]}
\n[\/javascript]<\/p>\n","protected":false},"excerpt":{"rendered":"
3\u5e74\u306b1\u5ea6\u306f\u5fc5\u305a\u5b9f\u88c5\u3059\u308b\u5fc5\u8981\u304c\u3042\u308b\u6280\u8853\u3002 \u899a\u3048\u66f8\u304d\u3067\u3059\u3002 [html] <html> <head> <title>JS<\/title> <script src=&qu […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"saved_in_kubio":false,"footnotes":""},"categories":[10,33,4],"tags":[],"class_list":["post-2692","post","type-post","status-publish","format-standard","hentry","category-javascript","category-jquery","category-tech"],"_links":{"self":[{"href":"https:\/\/www.blowfish.co.jp\/index.php?rest_route=\/wp\/v2\/posts\/2692","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.blowfish.co.jp\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.blowfish.co.jp\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.blowfish.co.jp\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.blowfish.co.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2692"}],"version-history":[{"count":3,"href":"https:\/\/www.blowfish.co.jp\/index.php?rest_route=\/wp\/v2\/posts\/2692\/revisions"}],"predecessor-version":[{"id":2695,"href":"https:\/\/www.blowfish.co.jp\/index.php?rest_route=\/wp\/v2\/posts\/2692\/revisions\/2695"}],"wp:attachment":[{"href":"https:\/\/www.blowfish.co.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2692"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.blowfish.co.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2692"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.blowfish.co.jp\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2692"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}