javascript .send()无法在移动设备上运行

时间:2017-01-18 21:37:39

标签: javascript wordpress mobile mobile-browser

这个javascript正在桌面上运行,但不适用于移动浏览器。有编辑可以解决这个问题吗?

脚本将结果发送到谷歌文档的调查问卷,以提取结果。它可以在桌面浏览器上运行,但在手机上没有运气。

<script>

var myForm = document.getElementById("questionnaire");
if (myForm) {
  myForm.onsubmit = function(evt) {
    evt.preventDefault();
    var questionDiv = document.getElementById('question-div');
    var busyDiv = document.getElementById('busy');
    var resultDiv = document.getElementById('result-div');
    var resultList = document.getElementById('result-list');
    var xhr = new XMLHttpRequest();
    var url =     "https://script.google.com/macros/s/AKfycbzGx6a6eogfVTaKD_3a4kiLBZfcdD5GMoonNsSSY1-sCCJfPDI/exec";
    xhr.open("POST", url, true);
    xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");

    xhr.onload = function() {
      if(xhr.readyState == 4 && xhr.status == 200) {
        var response = JSON.parse(xhr.responseText);
        var result = response.result;
        for (var i in result) {
      var e = result[i];
          if (e) {
        var li = document.createElement('li');
        if (e.url) {
              var a = document.createElement('a');
          a.href = e.url;
              a.textContent = e.name;
          li.appendChild(a);
        } else {
          li.textContent = e.name;
        }
        resultList.appendChild(li);
      }
        }
        busyDiv.hidden = true;
        resultDiv.hidden = false;
      }
    }

    var form = document.getElementById('questionnaire');
    var formData = new FormData(form);
    var fields = ['name','email','yob','gender','income','asset','q1','q2','q3','q4','q5','q6','q7','q8','q9','q10'];
    var params = [];
    for (var i in fields) {
      var field = fields[i];
      params.push(field + "=" + formData.get(field));
    }
    xhr.send(params.join('&'));

    questionDiv.hidden=true;
    busyDiv.hidden=false;


    return false;
  };
}
</script>

0 个答案:

没有答案