Json不会通过Ajax用api对对象进行字符串化

问题描述 投票:-1回答:1

im试图从此数组显示这些对象,但不会进行字符串化它只是打印出[object object],我试图显示数据from:priceRanges:Array(1)0:{类型:“标准”,货币:“美元”,最小值:155,最大值:750}长度:1

我制作了一个js固定项,因此您可以将其看起来像https://jsfiddle.net/5faunxv1/

array:array/api console log

我的api键https://app.ticketmaster.com/discovery/v2/events?apikey=y6aYNgQseDLOv5SU0mkdHJydpO8etTgd&locale= *

///////////////////////////////////////////////// /////////////////////////////

$(function() {


    $.ajax({
        url: "https://app.ticketmaster.com/discovery/v2/events?apikey=y6aYNgQseDLOv5SU0mkdHJydpO8etTgd&locale=*",
        type: "get",
        dataType: "json",
        success: function(data) {

            console.log(data);

           console.log(data._embedded.events[1].priceRanges[0]);
     //  var yourval = jQuery.parseJSON(JSON.stringify(data._embedded.events[1].priceRanges[0]));
        var myJSON = JSON.stringify(data._embedded.events[1].priceRanges[0]);


       //     var objectX = JSON.parse(data);
         //   console.log(yourval);
    //     document.write(yourval);
            data._embedded.events.forEach(function(job) {
                var job_text = "event: " + job.name;
                var link = "link: " + data._embedded.events[1].priceRanges;
           // alert(data._embedded.events[1].priceRanges.stringify);  

                $("#result").append("<div style='margin-bottom: 10px;'><div>" + "<h3>" + job_text + "<br>" + link + "</h3>" + "</div><div>" +  "</div></div>")

            })
        }
    });
});


///////////////////////////////////////////////////////////////////////////////////////////////


    <!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <meta http-equiv="X-UA-Compatible" content="ie=edge">
      <title>OpenWeatherMap Api</title>
      <link rel="stylesheet" href="style.css">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"> </script>     

    </head>
    <body>

        <h2>Filter Anything</h2>
    <p>Type something in the input field to search for a specific text inside the div element with id="myDIV":</p>
    <input id="myInput" type="text" placeholder="Search..">


    <script src="app.js"></script>

    <!--
    <h1>This is a Heading</h1>
    <p>This is a paragraph.</p>  
    -->
        <ul id="result"></ul>
        <p id="demo"></p>
    </body>
    </html>
javascript jquery html ajax api
1个回答
0
投票

如果在第一个console.log(data._embedded.events[1]);之后添加console.log(data),则会看到没有属性priceRangesenter image description here

在访问属性之前,请检查属性priceRanges是否存在。

© www.soinside.com 2019 - 2024. All rights reserved.