勉強したことのメモ

webプログラマ見習いが勉強したことのメモ。

jQueryでjsonデータを処理(parseJSON)

2017/09/28

他社が作成したシステムのちょっと改修案件があった。設置したもののどうも動かないといった内容で、調査してみるとajax通信後にjsonデータを受け取った際に、オブジェクトではなく文字列として処理されていた。応急処置として以下方法で対応した。

ソース

var json = '{"code":"1","name":"hoge"}';
//alert(json.name); 文字列として処理されているのでこれだとエラーが発生

var json2 = $.parseJSON(json);
//alert(json2.name); hogeがアラートで表示される

1

2

3

4

5

var json = '{"code":"1","name":"hoge"}';

//alert(json.name); 文字列として処理されているのでこれだとエラーが発生

var json2 = $.parseJSON(json);

//alert(json2.name); hogeがアラートで表示される

parseJSONとは

json形式の文字列をオブジェクトに変換してくれる。jQueryのver1.4.1以降で使用可能。

http://js.studio-kingdom.com/jquery/utilities/parse_json

関連記事

: jQuery UI Datepickerで日本の祝祭日を表示

やりたかった事は、jQueryのカレンダーピッカーで日本の祝祭日の色を変えると ...

: imgタグとPHPでグラフ作成

プラグインやライブラリを使わずにグラフを作る機会があったのでメモ。 ■サンプル ...

: 他サイトのRSS情報を画像付きで表示させる

WordPressでAというサイトを作成し、AのRSS情報をBというサイトでアイ ...

: AjaxFileUploadで処理は実行できてもエラーが返る

AjaxFileUploadでPHPに通信し、サーバー側のPHPで処理は正常に実 ...

: jQueryでiframe内の要素を呼び出し

jQueryでiframeで開いたbody内の内容が欲しかった。 ■jQuery ...

: スマホ対応カルーセルスライダーslickの使い方

イメージスライダーでslickという使ったことないjQueryプラグインを見かけ ...

: jQueryのプラグインでカラーコードを視覚的に選択

カラーコードを入力するフォームがあって、HTMLやCSSの知識がない方のために、 ...

: Jcropを使ってブラウザ上で画像を範囲指定して切り抜き(トリミング)

やりたかった事は、画像をアップロードして必要な部分のみを範囲指定してもらい、指定 ...

: jQueryで配列の値を検索

やりたかった事は、配列の中に特定の値があるかどうか検索し、その後の分岐を行いた ...

: jQueryの最新バージョン呼び出しとバージョン確認

<script type="text/javascript" src="h ...

PREV: ムームーDNSでエックスサーバを使う
NEXT: WordPressでタグやカテゴリの複数検索