javascript - Jsonp 帮助打印数组中的每个项目

Question

我之前发布了一个关于 yahoo 的 Auction Api 和 jsonp 的问题

这是数组的片段。

"Result": {
      "UnitsWord": [
        "example1",
        "example2",
        "example3",
        "example4",
        "example5"
      ]
},

这是我的代码

function changeText2(){
    var userInput = document.getElementById('userInput').value;
    $jsonurl = "https://auctions.yahooapis.jp/AuctionWebService/V2/json/search?appid="instert-yahooidhere"-&query=" + userInput;
	
$.ajax({
  type: 'GET',
  url: ($jsonurl),
  contentType: 'application/json',
  dataType:'jsonp',
  responseType:'application/json',
  xhrFields: {
    withCredentials: true
  },
  headers: {
    'Access-Control-Allow-Credentials' : true,
    'Access-Control-Allow-Origin':'*',
    'Access-Control-Allow-Methods':'GET',
    'Access-Control-Allow-Headers':'application/json',
  },
  success: function(data) {
    console.log(data);
	  $.each(data, function (i, test) {
	$('#howmany').append('<p><b>' + test["Result"]["UnitsWord"] + '</b> Was Found</p>');
    });
  },
  error: function(error) {
  
    console.log("Failed");
  }
});
}

我想做什么是换行

<div id="howmany">
<p><b>example1</b> products found</p>
<p><b>example2</b> products found</p>
<p><b>example3</b> products found</p>
<p><b>example4</b> products found</p>
<p><b>example5</b> products found</p>
</div>

如果我做错了什么，请告诉我。或者至少引导我到哪里可以找到更多相关信息。

Answer 1

看起来 Result 是 data 的属性，而 UnitsWord 是 Result 的属性，其中包含数组。因此，要迭代该数组，您需要:

$.each(data.Result.UnitsWord)

换句话说，data.Result.UnitsWord 是您想要循环使用的数组。这将为您提供每次迭代的 example_x 字符串之一。

let data= {
   "Result": {
      "UnitsWord": [
        "example1",
        "example2",
        "example3",
        "example4",
        "example5"
      ]
    }
  }


$.each(data.Result.UnitsWord, function (i, test) {
	$('#howmany').append('<p><b>' + test + '</b> Was Found</p>');
    });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="howmany">