从 JSON 中获取 randomuser.me 给出的值，并循环以追加到 div 中

Question

希望在我正在整理的原型中使用 randomuser.me（html，css，jquery）

我需要使用其 api 来访问个人资料照片。

我在 JSON 中提供了以下代码，如它们在文档中所示：

$.ajax({
  url: 'https://randomuser.me/api/?results=5&gender=female',
  dataType: 'json',
  success: function(data) {
    console.log(data);
  }
});

现在我需要从 JSON 中的图片值中获取 url 并将其写入一组div 的背景图像 css......我想通过创建某种循环，任何人都有一种易于理解的方法吗？

返回的 JSON 如下所示：

"results": [
    {
      "gender": "male",
      "name": {
        "title": "mr",
        "first": "romain",
        "last": "hoogmoed"
      },
      "location": {
        "street": "1861 jan pieterszoon coenstraat",
        "city": "maasdriel",
        "state": "zeeland",
        "postcode": 69217
      },
      "email": "[e-mail]",
      "login": {
        "username": "lazyduck408",
        "password": "jokers",
        "salt": "UGtRFz4N",
        "md5": "6d83a8c084731ee73eb5f9398b923183",
        "sha1": "cb21097d8c430f2716538e365447910d90476f6e",
        "sha256": "5a9b09c86195b8d8b01ee219d7d9794e2abb6641a2351850c49c309f1fc204a0"
      },
      "dob": "1983-07-14 07:29:45",
      "registered": "2010-09-24 02:10:42",
      "phone": "(656)-976-4980",
      "cell": "[phone]",
      "id": {
        "name": "BSN",
        "value": "04242023"
      },
      "picture": {
        "large": "https://randomuser.me/api/portraits/men/83.jpg",
        "medium": "https://randomuser.me/api/portraits/med/men/83.jpg",
        "thumbnail": "https://randomuser.me/api/portraits/thumb/men/83.jpg"
      },
      "nat": "NL"
    }
  ],
  "info": {
    "seed": "2da87e9305069f1d",
    "results": 1,
    "page": 1,
    "version": "1.1"
  }
}

Answer 1

如果我

说得对，你需要这样的东西：

$( ".myDivClass" ).each(function( index ) {
   $( this ).attr("background-image", results[index].picture.medium));
});

或者，如果您的结果只有一个数组元素，则这样做：...results[0].picture.medium......