勉強したことのメモ

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のappendとprepend

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

: Ajaxで負荷軽減

業務中、専用のページでfile_get_contents的なものはあまり使わな ...

: jQueryで要素のleftやwidthを取得

jQueryで要素のposition(leftやtop)とwidthとheigh ...

: jQueryで関数処理中にブラウザのブロック(intro.js)

Ajaxで処理を行っている間、他の処理を行わせたくなかった。「now load ...

: jQueryのCSS変更

jQueryでCSSを触る際、 $("#aaa").css('height',' ...

: jQueryで後から追加された要素にイベントを設定

jQueryで.html()等を使って追加した要素に対してイベントを設定したかっ ...

: tableのフィルター機能

jQueryのプラグインで簡単にフィルター機能がつけられたのでメモ。 ■必要な ...

: htmlタグが入った内容の文字を丸める

phpである文字列が○文字以上だった際、省略してお尻に「……」をつけたいという ...

: jQueryプラグインの作成

面白そうだったのでメモ。 ■参考サイト http://www.entacl.in ...

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

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

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