【javaScript】取得したjsonをテキストボックスに入れる方法

asaba 著者:asaba

【javaScript】取得したjsonをテキストボックスに入れる方法

jsonから取得したテキストをテキストボックスに入れて初回表示する方法です。jqueryを使った手法も存在しますが、ここでは最も

ポピュラーなやり方で書いてみました。

</pre>
<span class="hljs-tag"><<span class="hljs-name">script</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"text/javascript"</span> <span class="hljs-attr">language</span>=<span class="hljs-string">"javascript"</span>></span>

var target = <span class="hljs-built_in">document</span>.getElementById(<span class="hljs-string">"textBox"</span>);

var json = '{"name":asaba, "message":今日もいい天気だね}';

obj = JSON.parse(json);

target = obj.message;

<span class="hljs-tag"></<span class="hljs-name">script></span></span>

&nbsp;

<span class="hljs-tag"><<span class="hljs-name">body</span>></span>

<div>

<span class="hljs-tag">    <<span class="hljs-name">input</span> <span class="hljs-attr">name</span>=<span class="hljs-string">"textBox1"</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"textBox"</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"text"</span> <span class="hljs-attr">value</span>=<span class="hljs-string">""</span> /></span>

<span class="hljs-tag">  </<span class="hljs-name">div</span>></span>

<span class="hljs-tag"></<span class="hljs-name">body</span>></span>
<pre>

 

json.perseを使って任意のオブジェクトを指定すれば楽々取得可能です。

  • この記事いいね! (0)

著者について

asaba

asaba author

好きなもの:RPG、チョコミント 少しずつ頑張ります。