勉強したことのメモ

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

  関連記事

FullCalendarでラベルごとに表示・非表示を切り替える方法
FullCalendarでラベルごとに表示・非表示を切り替える方法

Googleカレンダーだとページ左側にマイカレンダーというのがあり、その中に任意 ...

tableタグ内のデータをCSV形式でダウンロードできる「jQuery-csvExport」ライブラリの使用方法
tableタグ内のデータをCSV形式でダウンロードできる「jQuery-csvExport」ライブラリの使用方法

HTMLのtableタグ内のデータをCSV形式でエクスポートさせたいケースがあっ ...

jQueryとCSSで指定したテキストに対してラインマーカーを引く方法
jQueryとCSSで指定したテキストに対してラインマーカーを引く方法

サイト内で強調したいテキストに対して蛍光ペンでマーカーを引くようなアニメーション ...

「input type=
「input type="number"」のテキストボックスを桁数制限且つ半角数値のみ入力可にする方法

「input type="number"」のテキストボックスに対して「2桁まで」 ...

jQueryでユーザーが編集可能な文字列をページ上に表示する際にエスケープする方法
jQueryでユーザーが編集可能な文字列をページ上に表示する際にエスケープする方法

GETパラメータを取得し、その内容をページ上に表示したいケースがあった。また、A ...