// 请求模块
var sendData = function(data, dealType, dom) {
  var xhr = new XMLHttpRequest();
  var url = 'getData.php?mod=userInfo';
  xhr.onload = function (event) {
    if (xhr.status >= 200 && xhr.status < 300 || xhr.status === 304) {
      dealData(xhr.responseText, dealType, dom)
    } else {
      // 请求失败
    }
  }

  for (var i in data) {
    url += '&' + i + '=' + data[i]
  }

  xhr.open("get", url, true);
  xhr.send(null);
}

// 响应数据适配模块
var dealData = function(data, dealType, dom) {
  switch(dealType) {
    // 输入框提示功能
    case 'sug':
      if (Object.prototype.toString.call(data) === '[object Array]') {
        return createSug(data, dom)
      } else if (Object.prototype.toString.call(data) === '[object Object]') {
        return createSug(Object.values(data), dom)
      }
      return createSug([data], dom);
    // 校验组件
    case 'validate':
      return createValidateResult(data, dom);
  }
}

// 创建组件模块
var createSug = function(data, dom) {
  var html = '';
  for (let i = 0, l = data.length; i < l; i++) {
    html += '<li>' + data[i] + '</li>';
  }
  dom.parentNode.getElementsByTagName('ul')[0].innerHTML = html;
}

var createValidateResult = function(data, dom) {
  dom.parentNode.getElementsByTagName('span')[0].innerHTML = data;
}