Question

给定一组相互依赖的选择框（在A中选择一些用值填充B）我希望用可能的值组合构建一个对象。

# out = { FieldNameA: [ { key: 'A', value: '', dep: { FieldNameB: [ { key: 'B', value: '', dep: [] } ] } } ] }

这是我正在使用的代码。

function getFieldValues(selectors) {
  if (selectors.length == 0) {
    return [];
  }

  var fieldInfo = selectors.shift();
  var field = document.querySelector(fieldInfo['selector']);

  for (var i=0; i<field.options.length; i++) {
    var evt = document.createEvent("HTMLEvents");
    evt.initEvent("change", false, true);

    field.selectedIndex = i;
    field.dispatchEvent(evt);

    var option = field.options[i]; 
    var fieldName = fieldInfo['name'];

    if (!result[fieldName]) {
      result[fieldName] = [];
    }

    var fieldData = { key: option.value, value: option.innerHTML };

    alert('starting child retrieval of data');
    var dependencies = getFieldValues(selectors.slice(0));

    if (dependencies) {
      fieldData['dependencies'] = dependencies;
    }

    result[fieldName].push(fieldData);
  }

  return result;
}

out = getFieldValues(selectors);
console.log(JSON.stringify(out));

我需要在调度事件代码之后使其异步添加延迟，以便填充第二个选择的值。但是，我转换此代码的尝试失败了。

Answer 1

我为每个循环处理异步的简单方法是通过执行此操作

function myfunc(callback) {
  var dfd = jQuery.Deferred();
  dfd.done(callback);
  var A = [var1,var2,var3]
  var index = 0;
  var next = function() {
    if(index<A.length) {
      var item = A[index];
      index++;
      // Do what you want.
      setTimeout(next, 1); // or only next();
    } else {
      dfd.done();
    }
  };
  next();
}

Answer 2

如果您想让它异步并添加延迟，您可以使用javascript 计时事件

setTimeout(function(){<Code you want to execute>}, <delay in milliseconds>);

检查：http://www.w3schools.com/js/js_timing.asp

希望这有帮助

如何将此JS代码转换为异步

2 个答案: