jsonでデータが取得できない

Question

railsを使いstripeの残高を表示したいのですがundefinedと表示されてしまいます。
何かわかる方は回答お願いします。

Started GET "/posts/mydata" for ::1 at 2020-10-04 15:42:26 +0900
Processing by PostsController#mydata as */*
  User Load (0.3ms)  SELECT "users".* FROM "users" WHERE "users"."id" = $1 ORDER BY "users"."id" ASC LIMIT $2  [["id", 8], ["LIMIT", 1]]
  ↳ app/controllers/posts_controller.rb:108:in `set_notifications'
  Notification Load (0.2ms)  SELECT "notifications".* FROM "notifications" WHERE "notifications"."visited_id" = $1 AND "notifications"."checked" = $2 ORDER BY "notifications"."created_at" DESC LIMIT $3  [["visited_id", 8], ["checked", false], ["LIMIT", 10]]
  ↳ app/controllers/posts_controller.rb:110:in `set_notifications'
  Rendering posts/mydata.js.erb
  Rendered posts/mydata.js.erb (Duration: 3.5ms | Allocations: 158)
Completed 200 OK in 567ms (Views: 22.9ms | ActiveRecord: 0.5ms | Allocations: 6100)

データ構造はこんな感じです。

{
  "object": "balance",
  "available": [
    {
      "amount": 27056,
      "currency": "jpy",
      "source_types": {
        "card": 27056
      }
    }
  ],
  "connect_reserved": [
    {
      "amount": 0,
      "currency": "jpy"
    }
  ],
  "livemode": false,
  "pending": [
    {
      "amount": -21394,
      "currency": "jpy",
      "source_types": {
        "card": -21394
      }
    }
  ]
}

var data = <%== @balance %>;
var result = '<div>'
  result += data.pending.amount
result += '</div>'
$('#result').html(result);

data.pending.amountをdata.objectにしたら正しく表示されるので@balanceはあっていると思います。

div#result
  |no information...
javascript:
var f = function(){
    $.ajax({
        type: 'GET',
        url: '/posts/mydata'
    });
};
f();

rails6
ruby2.7

Comments

[winterboum]

どう使ったらどこでエラーが起きたのか、を示さないと誰もわからないでしょう。
エラーは全文を。

[yamada_yuuki]

コメントありがとうございます。
エラーは出てません。コンソールを確認しても問題はありませんでした。ただundefinedと表示されるだけです。

[winterboum]

それがエラーです。どこでなにがぐらいは出てるでしょう

[winterboum]

本来は「どのfileの」「どの記述によって」「どのデータの」どの部分が」表示されるつもりだったのですか？

[yamada_yuuki]

jserbの
result += data.pending.amount
により

"pending": [
{
"amount": -21394,
"currency": "jpy",
"source_types": {
"card": -21394
}
}
]

のamountのデータが表示したいです。

[winterboum]

@balance　はどこで作ってますか

[yamada_yuuki]

posts_controllerで
def mydata
@balance = Stripe::Balance.retrieve(stripe_account: current_user.stripe_user_id)
end
と作っています。

Answer 1

Stripe は使ったことがないのですが、、、
「データ構造はこんな感じです。」からはデータは Hash構造のJSONです。

それが @balance.pending.amount という形で参照できるようにStripe::Balance.retrieveが処理してくれているのですか？

data["pending"]["amount"] で試してください。
もしかしたら
@balance = JSON.load Stripe::Balance.retrieve( )
が必要かもしれない

Comments

[yamada_yuuki]

data["pending"]["amount"]
で
JSON.loadありだと
no information...
のままでした。（.to_jsonも同じ）

JSON.loadなしだと
undefined
のままでした。

[winterboum]

ということは、やはり　data.pending.amount　ではなく、かつ JSONをHashに変換する必要があるってことですね

[yamada_yuuki]

変死遅れました。すみません。

def mydata
json = Stripe::Balance.retrieve(stripe_account: current_user.stripe_user_id).to_json
hash = JSON.parse(json)
@available = hash["available"][0]["amount"]
@pending = hash["pending"][0]["amount"]
end

とすればできました。

一応Jsのほうも載せときます。

var data = <%== @available %>;
var result = ''
result += "現在"
result += "<br>"
result += "振り込み可能"
result += "<br>"
result += data += "円"
result += ''
$('#available').html(result);

var data = <%== @pending %>;
var result = ''
result += "現在"
result += "<br>"
result += "振り込み不可"
result += "<br>"
result += data += "円"
result += ''
$('#pending').html(result);