勉強したことのメモ

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 ...

SortableJSを使ってデータの並べ替え&保存
SortableJSを使ってデータの並べ替え&保存

あるシステムを拝見した際にtableタグ内に並んでいる項目をドラッグ&ド ...

Ajaxを使用する際の注意
Ajaxを使用する際の注意

Ajaxで特にJSONPを使う際によくミスることがあるので 注意点をまとめておく ...

tableのtd内にあるcheckboxのクリック範囲を拡大させ、チェック時に親要素であるtdにCSSを割り当てる方法
tableのtd内にあるcheckboxのクリック範囲を拡大させ、チェック時に親要素であるtdにCSSを割り当てる方法

tableのtd内にcheckboxを設置し、td部分をクリックすることでche ...

Dropzone.jsを使って画像をドラッグ&ドロップでアップロードする方法
Dropzone.jsを使って画像をドラッグ&ドロップでアップロードする方法

画像を複数枚ドラッグ&ドロップでアップロードしたかった。だいぶ前にDro ...