勉強したことのメモ

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

  関連記事

CodeIgniter4&Bootstrap&jQueryで簡易版お問い合わせページの作成
CodeIgniter4&Bootstrap&jQueryで簡易版お問い合わせページの作成

CodeIgniter4.4.4&Bootstrap&jQuer ...

jQueryにて$.parseHTML()を用いてHTML文字列をDOMノードに変換する方法
jQueryにて$.parseHTML()を用いてHTML文字列をDOMノードに変換する方法

あるサイトのソースコードを拝見しているとjQueryで$.parseHTML() ...

jQuery UIを用いた日付及び時間のピッカーの利用方法
jQuery UIを用いた日付及び時間のピッカーの利用方法

jQuery UIを用いた日付及び時間のピッカーを実装したい。以下にソースコード ...

AjaxFileUploadで処理は実行できてもエラーが返る
AjaxFileUploadで処理は実行できてもエラーが返る

AjaxFileUploadでPHPに通信し、サーバー側のPHPで処理は正常に実 ...

JavaScriptのbeforeunloadイベントでページの離脱防止
JavaScriptのbeforeunloadイベントでページの離脱防止

何らかのformがあるページで各種内容を入力後に何らかのリンクをクリックする等、 ...