javascript - 如何将数据从一个函数传递给另一个函数？

Question

我得到了数据。我带来了关于用户的最少信息。当您单击一个 block 时，会出现模态窗口。模态窗口，应该有更多信息。我无法在模态窗口中传输数据。也许我做错了。指出错误，请告诉我如何正确。codepen.io/zaytsevav/pen/oBQrOm

Answer 1

您可以将结果存储在全局变量中，并使用索引在 myModal 中访问它。

var results = [];
getData('https://api.randomuser.me/1.0/?results=50&nat=gb,us&inc=gender,name,location,email,phone,picture',
  function(data) {

    var html = '';
    for (var i = 0; i < data["results"].length; i++) {
      var name = data["results"][i]["name"]["title"] + ' ' + data["results"][i]["name"]["first"] + ' ' + data["results"][i]["name"]["last"],
        img = data["results"][i]["picture"]["large"];
      html += '<div class="col-md-2 block__user_on" onclick="myModal(this.id)" id="' + [i] + '"> ';
      html += '<img src="' + img + '" title="' + name + '"/>';
      html += '<p class="block__user_on-capitalize">' + name + '</p>';
      html += '</div>';
    }
    document.getElementById("user").innerHTML = html;
    results = data["results"];
  }
);


function myModal(index) {
  var data = results[index];
  console.log(data);
  document.getElementById("Modal").style.display = "block";
  document.getElementById("userModal").innerHTML = '<div>' + data.name.first + " " + data.name.last + ',' + data.location.city + '</div>';

}

演示:https://jsbin.com/juxuhixubu/1/edit?js,output

这将使它发挥作用，并帮助您理解事物。但如果元素有更多这样的用例，您可以考虑使用 Javascript 中的现代框架，在其中可以以更好的方式完成。