Javascript 循环中的异步回调函数

这是一种不同的情况，然后任何其他问题

我有几个具有类和数据标签属性的div元素

<div class='toLoad' data-label='a'></div>
<div class='toLoad' data-label='b'></div>
<div class='toLoad' data-label='c'></div>
<div class='toLoad' data-label='d'></div>

下面是javascript：

function theData(e) {
  // What do I do here to put the data to their respective div
}

function createScript() {
  var elem = document.querySelectorAll('div.toLoad');
  for (var i = 0; i < elem.length; i++) {
    var theLabel = elem[i].getAttribute('data-label'),
      theLink = "/index/"+ theLabel +"&callback=theData",
      currentItem = elem[i],
      e = document.createElement('script');
    e.src = theLink;
    e.type = 'text/javascript';
    document.getElementsByTagName('head')[0].appendChild(e);
  }
}

函数数据（e）{
//我在这里做什么来将数据放入各自的div
}
函数createScript（）{
var elem=document.querySelectorAll（'div.toLoad'）；
对于（变量i=0；i

在放入上述Javascript之后，将附加一个脚本元素。加载后，脚本返回一个名为data的回调函数，并将所有内容作为参数。我想将返回的内容附加到它们各自的div元素中

---

我不知道如何准确地把它们放进去。

假设回调方法可用，并且它有两个参数数据标签值（用于标识应该填充哪个div）和数据本身

function callback( dataLabel, htmlData )
{
  $( "div[data-label='" + dataLabel + "']".html( htmlData ) );
}

---

脚本返回的回调函数的名称是什么？它是否确保将数据标签值作为参数传递给该函数？