ObjectObjectを治したいです

前提

Ajaxを使い値は持ってくることは出来ています。

実現したいこと

アラートには表示できていますがセレクトボックスの中身に入れたいです。
必要な情報が少ないかもしれませんがObjectObjectを治す方法をご教授していただけませんか

発生している問題・エラーメッセージ

現在セレクトボックスの中身が「Object　Object」となってしまっています。

該当のソースコード

Javascript
1	$("#divcode").change(function(){
2				$.ajax({
3					url:"<s:url  action='masutao' />",
4					type: 'GET',
5					datatype: "json",
6					data:  {"data":$("#divcode").val()} 
7				}).done(function(data){
8					var data_stringify = JSON.stringify(data);
9					var data_json = JSON.parse(data_stringify);
10					var data_id = data_json[0]["id"];
11					
12					$('#code option').remove();   
13					//$('#code').append($('<option>').attr({ value: '値' }).text('選択肢の名前'));
14					$('#code').append($('<option>').attr({ value: data_id }). text(data_id));
15
16					var list = data_json;
17					for(let i = 0; i < list.length; i++){
18						var name = data_json[i]["id"];
19					}
20                                        alert(JSON.stringify(list));

試したこと

アラートで値自体は持ってこれているのか

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

退会済みユーザー

2022/08/24 00:50 編集

アラートってなに？コードからわからないのですが。var data_stringify = JSON.stringify(data); のdataとdata_stringifyの中身ってチェックしてますか

int32_t

2022/08/24 00:53

変数 data には何がはいってますか? デバッガや console.dir(data); で確認してください。

退会済みユーザー

2022/08/24 02:38

APIリクエスト先の仕様はオープンになっているものですか？応答はJSON文字列で間違いないですか？

SurferOnWww

2022/08/25 00:46

質問者さん、無言ですが、回答に対するフィードバックを返してください。役に立った/立たなかったぐらいはすぐに返せるのでは？役に立たなかったならどこがダメかを書くとより期待に近い回答が出てくるかも。とにかく無言は NG です。

回答2件

質問者さんのコードの以下のところですが、

}).done(function(data){

ajax 要求の応答としてサーバーから帰ってくるのが JSON 文字列であれば、function の引数 data には JSON 文字列がデシリアライズされた JavaScript オブジェクト（連想配列）が渡されます。

なのでその下にあるコード、

var data_stringify = JSON.stringify(data);
var data_json = JSON.parse(data_stringify);

~~がダメです。~~ が不要です。

data そのものが連想配列なので data から直接必要な情報を取得できるよう処理してください。どのようにすればいいかは API から渡される JSON 文字列が不明なので回答者・閲覧者には分かりません。

【追記】

API から帰ってくる JSON 文字列を見直す余地があるなら、例えばですが、以下のようにしてはいかがですか？　それなら data[0]["id"] で 1 が取得できます。

[
  {
    "id": 1,
    "name": "aaa"
  },
  {
    "id": 2,
    "name": "bbb"
  },
  {
    "id": 3,
    "name": "ccc"
  }
]

html の select + option 要素を作るのが目的だそうですが、それなら例えば以下のようにすれば、

}).done(function (data) {
    $.each(data, function (index, item) {
        $("#code").append($("<option>").attr({ vale: item.id }).text(item.name));
    });
})

以下の html が生成されます。

<select id="code">
  <option vale="1">aaa</option>
  <option vale="2">bbb</option>
  <option vale="3">ccc</option>
</select>

JSON 文字列は見直すことはできないということなら、サンプルでよいのでそれを書いてもらわないことには案は出せないです。

投稿2022/08/24 01:25

編集2022/08/24 06:57

SurferOnWww

総合スコア17614

回答へのコメント

退会済みユーザー

2022/08/24 02:56 編集

data「T」ypeは見逃していいの？

SurferOnWww

2022/08/24 03:28

> data「T」ypeは見逃していいの？意味が分かりません。説明してもらえませんか？

SurferOnWww

2022/08/24 06:32 編集

> data「T」ypeは見逃していいの？何を言ってるのかあなたの回答を見て分かりました。質問のコードの datatype はスペルミスで dataType でなければならないはずだけどそこは問題ないのかということですね。そこは応答ヘッダの Content-Type をみて JSON と判断して data は連想配列になっているのでしょう。でなければ、data_json[0]["id"] が Object Object にはならないので（たぶん undefined になる）。