【Monaca】Jsonを展開する方法【勉強中】

Jsonの展開方法について

Json文字列をAPIから取得し、展開する実装をしなければならず、その方法について、検索したので、共有致します。

Json文字列を変数内に直書きした場合

まず、段階として、Json文字列を変数に直書きした場合を考えました。
ソースは以下です。

bodyタグ内

<ons-page>
    <div style="text-align: center">
        <br>
        <ons-button
            onclick="examJsonParse()">
            Json Parse
        </ons-button>
    </div>
</ons-page>

続いて、JavaScript 内のコードは以下のように書きました。
まだいまいち、JavaScriptを書くのに慣れないですね。。。(´・ω・`)

scriptタグ内

ons.bootstrap();
ons.ready(function(){ });

function examJsonParse() {
    var jsonStrings = '{"ip": "8.8.8.8"}';
    var someObject = JSON.parse(jsonStrings);

    for (var index in someObject) {
        alert(someObject.ip);
    }
};

下図のような画面イメージになります。

ボタンを押せば、Jsonを展開してくれて、アラートとして表示されます。

※ ご指摘頂きました
var jsonStrings = {"ip": "8.8.8.8"}; はJson文字列では無く、オブジェクトリテラルと言い、今回の趣旨とはまた違うようですね。
正しくは、var jsonStrings = '{"ip": "8.8.8.8"}'; がJson文字列でこれを一度オブジェクトリテラルにしてから、展開というように手順を踏むそうです。
まだまだ勉強する事が多いですね。有難うございます。

Json文字列をサーバーから取得して展開する場合

上の確認から、Json文字列を正しく取ってこれさえすれば、Jsonの展開を用意であろう事が確認出来ました。

続いては、Json文字列をサーバーから取得する方法です。

そろそろ、始業時間なので、続きは後ほど書きます。

Monacaタグの他の記事

1. 2015/07/02投稿 端末IDの取得方法について

誰かのお役に立てれば、幸いです。
後、どなたか教えて頂けると有り難いのですが、Json文字列の展開について色々調べてみた所、jQueryを使って行う実装ばかりが検索にヒットしました。
JavaScriptを使って行う事は出来ないんでしょうか。
拘りは無いのですが、色々な方法を知っておきたいです。