{"id":5977,"date":"2020-07-13T18:00:05","date_gmt":"2020-07-13T09:00:05","guid":{"rendered":"https:\/\/nsme.red\/wp\/?p=5977"},"modified":"2020-07-21T23:49:50","modified_gmt":"2020-07-21T14:49:50","slug":"%e9%83%b5%e4%be%bf%e7%95%aa%e5%8f%b7%e3%81%8b%e3%82%89%e4%bd%8f%e6%89%80%e5%8f%96%e5%be%97","status":"publish","type":"post","link":"https:\/\/core.nsme.net\/notes\/vue-js\/fetch-api\/5977\/","title":{"rendered":"\u90f5\u4fbf\u756a\u53f7\u304b\u3089\u4f4f\u6240\u53d6\u5f97"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">\/\u90f5\u4fbf\u756a\u53f7\u53d6\u5f97API\u3067\u5229\u7528\u3057\u305f\u3044\u304cJavaScript\u3067\u53d6\u5f97\u3059\u308b\u3068\u30af\u30ed\u30b9\u30c9\u30e1\u30a4\u30f3\u306b\u304b\u304b\u3063\u3066\u3057\u307e\u3044\u5931\u6557<br>\u4ee3\u308f\u308a\u306bphp\u3067\u53d6\u5f97<br>\u3000\u2193\u3000yubin.php<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;?php\n$zip = $_GET&#91;'zip'];\n$url = 'https:\/\/zip-cloud.appspot.com\/api\/search?zipcode='.$zip;\n$data = file_get_contents($url);\n$data = json_decode($data)->results&#91;0];\n\/\/print_r($data);\n$addr = $data->address2. $data->address3;\n$res = array('pref'=>$data->address1, 'addr'=>$addr);\n\/\/print_r($res);\necho json_encode($res);\n?><\/code><\/pre>\n\n\n\n<pre class=\"wp-block-preformatted\"><span class=\"has-inline-color has-vivid-purple-color\"><strong>Vue<\/strong><\/span>\n\nzipGet: function(){\nlet url = 'yubin.php?zip=' + this.zip;\n     fetch(url)\n    .then(response =&gt; {\n        return response.json(); \n    })\n    .then(data =&gt; { \n        console.log(data);\n\tthis.lists = data;\n    })\n    .catch(error =&gt; {\n        console.log(error);\n    });\n\t\t\n}<\/pre>\n\n\n\n<pre class=\"wp-block-preformatted\">\u4ee5\u4e0b\u306f\u3001\u30d6\u30e9\u30a6\u30b6\u306b\u3088\u3063\u3066\u30af\u30ed\u30b9\u30c9\u30e1\u30a4\u30f3\u306e\u5236\u9650\u306b\u304b\u304b\u3063\u3066\u3057\u307e\u3044\u53d6\u5f97\u3067\u304d\u306a\u3044\u3002\u3002^_^;<\/pre>\n\n\n\n<pre class=\"wp-block-code\"><code>methods: {  \n    checkZip: function(){\n        \/\/\u4f4f\u6240\u3092\u53d6\u5f97\n      let url = 'https:\/\/api.zipaddress.net\/?zipcode=' + this.zip;\n\n     fetch(url) \/\/Fetch API \n      .then( response => {\n        return response.json();\n      })\n      .then( json => {\n        this.pref = json.data.pref;\n        this.addr = json.data.address;\n      })\n      .catch( (err) => {\n        this.pref = '';\n        this.addr = '';\n      });\n     }\n    }<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\/\u90f5\u4fbf\u756a\u53f7\u53d6\u5f97API\u3067\u5229\u7528\u3057\u305f\u3044\u304cJavaScript\u3067\u53d6\u5f97\u3059\u308b\u3068\u30af\u30ed\u30b9\u30c9\u30e1\u30a4\u30f3\u306b\u304b\u304b\u3063\u3066\u3057\u307e\u3044\u5931\u6557\u4ee3\u308f\u308a\u306bphp\u3067\u53d6\u5f97\u3000\u2193\u3000yubin.php Vue zipGet: function(){ let url = &#8216;yu [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[36],"tags":[],"class_list":["post-5977","post","type-post","status-publish","format-standard","hentry","category-fetch-api"],"acf":[],"_links":{"self":[{"href":"https:\/\/core.nsme.net\/notes\/wp-json\/wp\/v2\/posts\/5977","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/core.nsme.net\/notes\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/core.nsme.net\/notes\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/core.nsme.net\/notes\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/core.nsme.net\/notes\/wp-json\/wp\/v2\/comments?post=5977"}],"version-history":[{"count":5,"href":"https:\/\/core.nsme.net\/notes\/wp-json\/wp\/v2\/posts\/5977\/revisions"}],"predecessor-version":[{"id":6006,"href":"https:\/\/core.nsme.net\/notes\/wp-json\/wp\/v2\/posts\/5977\/revisions\/6006"}],"wp:attachment":[{"href":"https:\/\/core.nsme.net\/notes\/wp-json\/wp\/v2\/media?parent=5977"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/core.nsme.net\/notes\/wp-json\/wp\/v2\/categories?post=5977"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/core.nsme.net\/notes\/wp-json\/wp\/v2\/tags?post=5977"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}