勉強したことのメモ

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

関連記事

: submit関連のjQuery

<?php //jQueryでのsubmit,エンターキーでのsubmit ...

: jQueryのappendとprepend

よく忘れるのでメモ。 ■append(後ろに足す) http://semooh. ...

: jQueryで新しく追加した要素に対してイベントがきかない場合の対応

jQueryで新たに追加した要素に対して、 clickイベントを使いたかったけど ...

: FullCalendarでtitle以外も表示させたい

FullCalendarでカレンダー内のイベントをクリックした際にtitle以外 ...

: lightboxで画像拡大時に文字タイトルとリンクをつける

lightboxで画像をクリックして拡大した際に、文字タイトルとその文字にリンク ...

: Ajaxの負荷対策

Ajaxを使ってボタンを押した際に表示を切り替える処理。都度Ajaxを使ってた ...

: jQueryuiを用いてメールの入力補助(サジェスト)

autocompleteを用いた簡易なサジェストを見かけたのでメモ。 ■ソース ...

: アコーディオンメニュー

簡単にアコーディオンメニューを導入したい時に便利に使えたプラグイン。 ■サンプ ...

: jQueryで画像が存在すれば表示、なければノーイメージ画像を表示

やりたかった事は以下の通り。・画像のURLはcode.jpgみたいになってる ...

: ダウンロード無しで外部ファイル呼び出し

■jQuery http://scriptsrc.net/ ■bootstrap ...

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