Question

希望在原型中使用randomuser.me（html，css，jquery）

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

我在他们的文档中显示了JSON中的代码：

Error: (SystemJS) XHR error loading file:///C:/www/systemjs/traceur

Error loading file:///C:/www/systemjs/traceur
Unable to load transpiler to transpile file:///C:/www/systemjs/js/main.js
Error loading file:///C:/www/systemjs/js/main.js

现在我需要从JSON中的图片值中获取url并将其写入一组div的background-image css ...我想通过创建某种循环，任何人都有一个易于理解的方式这样做？

返回的JSON如下所示：

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

Answer 1

如果我做得对，你需要这样的东西：

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

或者如果结果中只有一个数组元素可以这样做：... results[0].picture.medium ...

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

1 个答案: