【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を使って任意のオブジェクトを指定すれば楽々取得可能です。