Ajaxを介してネストされたJSONオブジェクトにアクセスする方法は?

クロパン・トルイユフー

私はまだ学んでいるので、何時間も試した後でも、WPでこのAjax呼び出しを管理して機能させる方法を理解できませんでした。私がやりたいのは、「価格」(USD)を変数に抽出してさらに使用することです。

これは私のJSONオブジェクトです:

{
"data": {
    "id": xx, 
    "name": "xx", 
    "symbol": "xx", 
    "rank": xx, 
    "quotes": {
        "USD": {
            "price": xx, 
            "volume_24h": xx, 
            "market_cap": xx, 
            "percent_change_1h": xx, 
        }
     }, 
     "last_updated": xx
  }, 
}

そして、これが私が現在行っていることです:

(function(getPrice) {
    $j.ajax({
        url: 'https://widgets.coinmarketcap.com/v2/ticker/3012/',
        type: 'GET',
        async: false,
        data: 'data',
    }).then(function(data) {
        console.log(data);
    });
})();

これにより、「データ」全体をログに記録できますが、GoogleとStackOverflowを実行した後も、スタックします。「data.quotes.USD.price」だと思ったのですが、そうではないようです。

私はすべてのアドバイスに非常に感謝します!

ロリー・マクロサン

data2回必要です。1つは変数、もう1つは応答の外部オブジェクトです。正しいバージョンは次のとおりです。

console.log(data.data.quotes.USD.price);

var $j = jQuery;

(function(getPrice) {
  $j.ajax({
    url: 'https://widgets.coinmarketcap.com/v2/ticker/3012/',
    type: 'GET',
  }).then(function(data) {
    console.log(data.data.quotes.USD.price);
  });
})();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

また、async: false(ひどい練習なので)削除data: 'data'たので、必要なかったことにも注意してください

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

Pythonを介してJSONでネストされたオブジェクトにアクセスする方法

Javascriptを使用してネストされたオブジェクトのJSON配列にアクセスする

JSON.simple-ネストされたJSONオブジェクトに正しくアクセスする方法

ネストされたjsonオブジェクトパスを再帰を介して変数に保存する

ネストされたJSON [文字列:任意]オブジェクトにアクセスして追加する

すべてのオブジェクトの同じth要素にアクセスするネストされたJsonをループする方法は?

ネストされたオブジェクトJSONを介して* ngForで反復する方法

JavaScriptを使用してネストされたオブジェクト値に動的にアクセスする

C3.js-ネストされたJSONオブジェクト、データにアクセスしてロードする方法は?

ReactJS:動的キーを使用してネストされた状態オブジェクトにアクセスして更新する方法は?

ネストされたオブジェクトを使用して配列にアクセスする

変数を使用してネストされたJavaScriptオブジェクトにアクセスする

forinループを使用してネストされたオブジェクトにアクセスする

getJSONArrayメソッドを使用してjsonオブジェクトのネストされた要素にアクセスする方法

Logstash-ネストされたJSONを解析して、ネストされた各オブジェクトをイベントに変換する方法は?

ネストされたオブジェクト、配列、JSONにアクセスして処理するにはどうすればよいですか?

ネストされたjsonオブジェクトの親にアクセスする方法

JSON文字列でネストされたオブジェクトにアクセスする方法

計算されたプロパティを介してアクセスされるオブジェクト要素のタイプを推測する方法は?

Jacksonを使用しているときにネストされたjsonオブジェクトを解析する方法

変数オブジェクト名を使用してネストされたオブジェクトのキーにアクセスする

アクセスするオブジェクトとしてネストされた関数を使用するJavascript

xsltを使用してネストされたJsonオブジェクトをxmlに変換する方法

RestKitを使用してネストされたJSONオブジェクトをCoreDataに保存する方法

JSONataを使用してJSONオブジェクト内にネストされた配列を追加する方法

orderByを介してネストされたLinqオブジェクトを注文する方法

キーを名前でフィルタリングし、jqを使用してネストされたオブジェクトにアクセスする方法

phpとajaxを介して返されたjsonオブジェクトにhtmlを追加する方法

Moya.Responseクエリを介して返されたオブジェクトからネストされたJSON配列を解析する方法

TOP 一覧

  1. 1

    PyCharmリモートインタープリターはプロジェクトタブにサイトパッケージのコンテンツを表示しません

  2. 2

    <p:fieldset>の凡例に<h1>、<h2>タグを配置するにはどうすればよいですか?

  3. 3

    セレンのモデルダイアログからテキストを抽出するにはどうすればよいですか?

  4. 4

    パンダは異なる名前の列に追加します

  5. 5

    Railsで宝石のレイアウトを使用するにはどうすればよいですか?

  6. 6

    Java文字列の仕組み

  7. 7

    Chromeウェブアプリのウェブビューの高さの問題

  8. 8

    CSSのみを使用して三角形のアニメーションを作成する方法

  9. 9

    httpListenerコールバックが2回呼び出されます

  10. 10

    Windows 10 Pro 1709を1803、1809、または1903に更新しますか?

  11. 11

    初期化時にextern / static変数のタイプを指定する必要があるのはなぜですか?

  12. 12

    ファイルがgitlfsに正しくアップロードされるかどうかを確認するにはどうすればよいですか?

  13. 13

    Grouping data with datatable with ASP.NET

  14. 14

    Ecto - migrate table column into its own join table (shifting the DATA to the new tables)

  15. 15

    Crashlytics:コンパイラー生成とはどういう意味ですか?

  16. 16

    Python / SciPyのピーク検出アルゴリズム

  17. 17

    PictureBoxで画像のブレンドを無効にする

  18. 18

    ディスパッチ不可能なハンドルが64ビットプラットフォームでptrを使用するのはなぜですか?

  19. 19

    アクティブな管理者で関連するモデルのドロップダウンメニューの問題を解決する方法

  20. 20

    Windows 7では、一部のプログラムは「ビジュアルテーマを無効にする」レジストリ設定を行いませんか?

  21. 21

    文字列内のすべての単語に一致する正規表現

ホットタグ

アーカイブ