Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 24.08.2019, 11:21
Новичок на форуме
Отправить личное сообщение для Мявчик Мявчине Посмотреть профиль Найти все сообщения от Мявчик Мявчине
 
Регистрация: 22.06.2018
Сообщений: 3

Проблема с отправкой данных в google таблицу
На создаваемом мною сайте есть форма, которая должна отправлять данные в Google Таблицу. Технически выглядет так:
<form id="testform">
<input type="text" name="text"/>
<select name="vibor">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>
<input type="radio" value="2" name="vibor2"/>
<input type="radio" value="1" name="vibor2"/>
<button type="submit" id="submit"/>
</form>

Потом (в файле js) содержимое конвертируется с помощью JSON Serialize в, собственно, JSON:
$('form#testform').serializeJSON();

И после этого отправляется на Google таблицы:
var $form = $('form#testform'),
//ссылка изменена по понятной причине
url = 'https://script.google.com/macros/s/123456789cfvgbhnjkm/exec'

$('#submit').on('click', function(e) {
  e.preventDefault();
  var jqxhr = $.ajax({
    url: url,
    crossDomain: true,
    method: "GET",
    dataType: "json",
    data: $form.serializeObject()
  }).success(

  );
})

По ссылке на макрос находится код .gs:
/ original from: [url]http://mashe.hawksey.info/2014/07/google-sheets-as-a-database-insert-with-apps-script-using-postget-methods-with-ajax-example/[/url]
// original gist: [url]https://gist.github.com/willpatera/ee41ae374d3c9839c2d6[/url] 

function doGet(e){
  return handleResponse(e);
}

//  Enter sheet name where data is to be written below
        var SHEET_NAME = "Sheet1";

var SCRIPT_PROP = PropertiesService.getScriptProperties(); // new property service

function handleResponse(e) {
  // shortly after my original solution Google announced the LockService[1]
  // this prevents concurrent access overwritting data
  // [1] [url]http://googleappsdeveloper.blogspot.co.uk/2011/10/concurrency-and-google-apps-script.html[/url]
  // we want a public lock, one that locks for all invocations
  var lock = LockService.getPublicLock();
  lock.waitLock(30000);  // wait 30 seconds before conceding defeat.
  
  try {
    // next set where we write the data - you could write to multiple/alternate destinations
    var doc = SpreadsheetApp.openById(SCRIPT_PROP.getProperty("key"));
    var sheet = doc.getSheetByName(SHEET_NAME);
    
    // we'll assume header is in row 1 but you can override with header_row in GET/POST data
    var headRow = e.parameter.header_row || 1;
    var headers = sheet.getRange(1, 1, 1, sheet.getLastColumn()).getValues()[0];
    var nextRow = sheet.getLastRow()+1; // get next row
    var row = []; 
    // loop through the header columns
    for (i in headers){
      if (headers[i] == "Timestamp"){ // special case if you include a 'Timestamp' column
        row.push(new Date());
      } else { // else use header name to get data
        row.push(e.parameter[headers[i]]);
      }
    }
    // more efficient to set values as [][] array than individually
    sheet.getRange(nextRow, 1, 1, row.length).setValues([row]);
    // return json success results
    return ContentService
          .createTextOutput(JSON.stringify({"result":"success", "row": nextRow}))
          .setMimeType(ContentService.MimeType.JSON);
  } catch(e){
    // if error return this
    return ContentService
          .createTextOutput(JSON.stringify({"result":"error", "error": e}))
          .setMimeType(ContentService.MimeType.JSON);
  } finally { //release lock
    lock.releaseLock();
  }
}

function setup() {
    var doc = SpreadsheetApp.getActiveSpreadsheet();
    SCRIPT_PROP.setProperty("key", doc.getId());
}

После нажатия на submit в консоли происходит следующее:
Cross-origin redirection to (ссылка) denied by Cross-Origin Resource Sharing policy: Origin (мой сайт) is not allowed by Access-Control-Allow-Origin.

XMLHttpRequest cannot load (ссылка) due to access control checks.

Failed to load resource: Cross-origin redirection to (ссылка) denied by Cross-Origin Resource Sharing policy: Origin (мой сайт) is not allowed by Access-Control-Allow-Origin.

Пожалуйста, подскажите как это исправить.
Ответить с цитированием
  #2 (permalink)  
Старый 26.08.2019, 13:47
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,990

https://learn.javascript.ru/xhr-crossdomain
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Ввод данных в поле, которое прибавляется к другой ячейке, стирается, в Google Sheets cantstopweb@gmail.com Общие вопросы Javascript 0 28.05.2017 07:48
Проблема сс получением данных от Jquery Form FahrenheitIndi jQuery 0 12.11.2010 22:43
Проблема с отправкой multipart формы tmlder Events/DOM/Window 0 14.10.2010 11:04
jQuery.ajax( ) проблема пи получении данных от сервера hard0000 jQuery 4 30.07.2010 12:34
Проблема с возвращением данных с сервера IgorN Общие вопросы Javascript 2 26.11.2008 13:58