を通じてrandomuser.meとループによって与えられたJSONの値は、私は一緒に入れているプロトタイプで<a href="http://www.randomuser.me" rel="nofollow noreferrer">randomuser.me</a>を使用することを望んのdiv

Question

に追加してもらう（HTML、CSS、jQueryの）私はアクセスにそのAPIを使用する必要が

プロフィール写真。

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

は、今私はJSONでの画像値からURLを取得し、背景画像にそれを記述する必要があります。

私は、彼らが自分のドキュメントに表示されてJSONにpulingこのコードを持っています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": "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

は、あなたがこのような何かが必要です。

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

をそれともになるような結果に、配列の唯一の要素を持っている場合do：... results[0].picture.medium ...