erhalten Werte von JSON gegeben durch randomuser.me und Schleife durch Hoffnung, in divs

Question

anhängen randomuser.me in einem Prototyp zu verwenden, ich bin der Zusammenstellung (HTML, CSS, jQuery)

Ich brauche seine api den Zugang zu nutzen Profilbilder.

Ich habe diesen Code bekam im JSON puling, wie sie in ihrer Dokumentation zeigen:

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

Jetzt muss ich die URL aus dem Bildwert im JSON erhalten und schreiben Sie es auf dem Hintergrund-Bild CSS einer Gruppe von Divs ... Ich stelle mir vor, durch eine Art von Schleife, jemand eine leicht verständliche Art, dies zu tun?

die JSON zurück sieht wie folgt aus:

"results": [ 
    { 
     "gender": "male", 
     "name": { 
     "title": "mr", 
     "first": "romain", 
     "last": "hoogmoed" 
     }, 
     "location": { 
     "street": "1861 jan pieterszoon coenstraat", 
     "city": "maasdriel", 
     "state": "zeeland", 
     "postcode": 69217 
     }, 
     "email": "romain.hoogmoed@example.com", 
     "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": "(065)-247-9303", 
     "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

Wenn ich Recht habe Sie so etwas wie dieses benötigen:

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

Oder wenn Sie in Ergebnisse haben nur ein Element des Arrays so zu tun: ... results[0].picture.medium ...