勉強したことのメモ

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にて複数のajax処理のレスポンスをまとめて表示する方法
jQueryにて複数のajax処理のレスポンスをまとめて表示する方法

同時にajax処理を行う際、挙動やコードの書き方に悩まされることが多い。例えばA ...

表示範囲を自由に変更可能な折れ線グラフが表示できるJSライブラリ amCharts の使用方法
表示範囲を自由に変更可能な折れ線グラフが表示できるJSライブラリ amCharts の使用方法

どこかのサイトを閲覧していた際に、恐らくはJavaScriptのライブラリで描写 ...

AjaxのJSONP使用でPHPで作った配列をJSに返す方法
AjaxのJSONP使用でPHPで作った配列をJSに返す方法

AというサイトからBというサイトにAjax通信し、Bの方ではMySQLに接続して ...

jQueryのプラグインで簡単にイメージスライダーを作成(bxslider)
jQueryのプラグインで簡単にイメージスライダーを作成(bxslider)

画像のスライダーを作る時に便利なプラグインであるbxslider。簡単に使えるし ...

jQueryで同サーバ内のCSVを読み込み、配列やオブジェクトとして取り扱う方法
jQueryで同サーバ内のCSVを読み込み、配列やオブジェクトとして取り扱う方法

先日バニラJavaScriptで同サーバ内のCSVを読み込み、配列として取り扱う ...