Как сохранить все проверенные значения со страницы html на листе Google - PullRequest
Новая
       13

Как сохранить все проверенные значения со страницы html на листе Google

0 голосов
/ 14 июня 2019

Я исследую StackOverflow, но не могу найти ответ на свой вопрос.У меня есть веб-страница, содержащая элементы-флажки 

 <div class="form-check">
  <label class="form-check-label">
    <input type="checkbox" class="form-check-input" name="color" value="green">Green
  </label>
</div>
<div class="form-check">
  <label class="form-check-label">
    <input type="checkbox" class="form-check-input" name="color" value="red">Red
  </label>
</div>
<div class="form-check">
  <label class="form-check-label">
    <input type="checkbox" class="form-check-input" name="color" value="blue">Blue
  </label>
</div>

Я звоню в jQuery ajax, чтобы опубликовать данные на листе Google следующим образом: 

var $form = $('form#frm'),
url = '<google script macros url>'

$('#submit').on('click', function(e) {
  e.preventDefault();
  var jqxhr = $.ajax({
    url: url,
    method: "POST",
    dataType: "json",
    data: $form.serialize(),
    success: function() {
      alert("Form Completed");
    }
  })
})

Если установить все флажки, только первое значение "Зеленый "будет сохранен на листе Google?Я не знаю, как serialize () подготавливает данные и публикует их на листе Google, как я могу опубликовать все проверенные значения?Я хочу опубликовать все отмеченные значения в зеленом, красном, синем формате.

Спасибо за комментарий Танаике, я прилагаю скрипт приложения здесь 

var SHEET_NAME = "Sheet4";

var SCRIPT_PROP = PropertiesService.getScriptProperties(); 

function doPost(e) {
  var lock = LockService.getPublicLock();
  lock.waitLock(30000);

  try {
    var doc = SpreadsheetApp.openById(SCRIPT_PROP.getProperty("key"));
    var sheet = doc.getSheetByName(SHEET_NAME);

    var headRow = e.parameter.header_row || 1;
    var headers = sheet.getRange(1, 1, 1, sheet.getLastColumn()).getValues()[0];
    var nextRow = sheet.getLastRow()+1; 
    var row = []; 
    for (i in headers){
      if (headers[i] == "Timestamp"){ 
        row.push(new Date());
      } else { 
        row.push(e.parameter[headers[i]]);
      }
    }
    return ContentService
          .createTextOutput(JSON.stringify({"result":"success", "row": nextRow}))
          .setMimeType(ContentService.MimeType.JSON);
  } catch(e){
    return ContentService
          .createTextOutput(JSON.stringify({"result":"error", "error": e}))
          .setMimeType(ContentService.MimeType.JSON);
  } finally { 
    lock.releaseLock();
  }
}
function setup() {
    var doc = SpreadsheetApp.getActiveSpreadsheet();
    SCRIPT_PROP.setProperty("key", doc.getId());
}

1 Ответ

0 голосов
/ 16 июня 2019

Я исправил свою проблему после проб и ошибок, вот код, который я переписал 

var SCRIPT_PROP = PropertiesService.getScriptProperties(); 

function doPost(e) {
  var lock = LockService.getPublicLock();
  lock.waitLock(30000);

  try {
    var doc = SpreadsheetApp.openById(SCRIPT_PROP.getProperty("key"));
    var sheet = doc.getSheetByName(SHEET_NAME);

    var headRow = e.parameter.header_row || 1;
    var headers = sheet.getRange(1, 1, 1, sheet.getLastColumn()).getValues()[0];
    var nextRow = sheet.getLastRow()+1; 
    var row = []; 
    for (i in headers){
      if (headers[i] == "Timestamp"){ 
        row.push(new Date());
      } else { 
    switch(headers[i]) {
        case "color":         // color is the field in checkbox type 

        // check the field has been answer or not, 
        if(e.parameters[headers[i]] === undefined) {    
          row.push('');
        } else {
          row.push(e.parameters[headers[i]].toString());  // convert the array into string 
        }
          break;
      default:
        if(e.parameter[headers[i]] === undefined) {
          row.push('');
        } else {
          row.push(e.parameter[headers[i]]); 
        }
    }

        row.push(e.parameter[headers[i]]);
      }
    }
    return ContentService
          .createTextOutput(JSON.stringify({"result":"success", "row": nextRow}))
          .setMimeType(ContentService.MimeType.JSON);
  } catch(e){
    return ContentService
          .createTextOutput(JSON.stringify({"result":"error", "error": e}))
          .setMimeType(ContentService.MimeType.JSON);
  } finally { 
    lock.releaseLock();
  }
}
function setup() {
    var doc = SpreadsheetApp.getActiveSpreadsheet();
    SCRIPT_PROP.setProperty("key", doc.getId());
}

Если тип ввода - флажок из формы, ответ будет в формате массива, метод .toString () возвращает строку со всеми значениями массива, разделенными запятыми. 

row.push(e.parameters[headers[i]].toString());

Я не могу найти лучшую функцию, чтобы проверить, является ли параметр текстовым или флажковым типом, поэтому я использую глупый способ жестко закодировать его с помощью функции switch (). Если кто-то знает, как проверить, пожалуйста, предложите функцию вызова.

...