Javascript 如何迭代API数据并根据API数据设置LI子值？

我想加载产品的数据“https://cupboard.eu-gb.cf.appdomain.cloud/catalogue/products/" + 1 将其值分配给li子属性。这也是目前工作，但我想得到所有的产品数据1-xx在一个API调用。目前只有产品1带有+运算符

我也无法访问存储在变量中的数据，我只能访问带有数据的数据。直接定价

下面是JS代码

    $.ajax({
      url: "https://cupboard.eu-gb.cf.appdomain.cloud/catalogue/products/" + 1,
      beforeSend: function (xhr) {
        xhr.setRequestHeader("x-api-key", "XXXXXXXXXXXXXXXXXXXX");
      },
      success: function (data) {
        var response = $("#response").val(data.name);
        var price = $("#myVar").val(data.price);`

     if (data.name == "Cupboard") {
          $("ul li:first-child").attr("data-price", data.price);
        }
        if (data.name == "Lowboard brown") {
          $("ul li:nth-child(2)").attr("data-price", data.price);
        }
      },
    });

这就是HTML

    <ul class="models-list options-list cd-col-2">
      <li class="js-option js-radio" data-price="200" data-model="product-01">
        <span class="name">Sideboards</span>
        <img src="img/Tc.jpg" >
        <span class="price">ab 200€</span>
        <div class="radio"></div>

餐具柜
ab 200欧元