勉強したことのメモ

Webエンジニア / プログラマが勉強したことのメモ。

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

   2024/02/22  jQuery

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

 

ソース

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

  関連記事

jQueryのloadメソッドでファイル(ページ)を呼び出す
jQueryのloadメソッドでファイル(ページ)を呼び出す

サイト内でヘッダーやフッター等共通のパーツはそれぞれ別ファイルに分けてPHPのi ...

jQueryの日付&時間のピッカー(bootstrap-datetimepicker)について
jQueryの日付&時間のピッカー(bootstrap-datetimepicker)について

日付のピッカーはよく見るけど、時間のピッカーはあまり見ないので、普通のセレクトメ ...

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

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

八地方区分→都道府県→路線→駅名の連携したセレクトメニュー の実装方法
八地方区分→都道府県→路線→駅名の連携したセレクトメニュー の実装方法

八地方区分(関東、近畿等)をプルダウンから選ぶと区分内の都道府県プルダウンが表示 ...

サムネイルをクリックすると拡大画像を表示できる「Lightbox2」の利用方法
サムネイルをクリックすると拡大画像を表示できる「Lightbox2」の利用方法

画像をサムネイル表示してクリックしたら大きく表示するというのがLightboxで ...