如何修复没有'Access-Control-Allow-Origin'标题出现'错误 [英] How to fix No 'Access-Control-Allow-Origin' header is present' error
本文介绍了如何修复没有'Access-Control-Allow-Origin'标题出现'错误的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我正在编写程序,当我尝试提交数据时,我收到此错误,请求的资源上没有Access-Control-Allow-Origin标头。因此,不允许原点'null'访问。
。此代码应该将数据从HTML表单发送到Google表格文档。我跟着文章的教程来创建它。
I am writing a program, and when I try to submit data I get this error, No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access.
. This code is supposed to send data from an HTML form to a Google Sheets document. I followed an article's tutorial to create it.
这是我的代码 JS
:
var $form = $('form#Send'),
url = 'https://script.google.com/macros/s/<script ID>/exec'
$('#submitit').on('click', function(e) {
e.preventDefault();
var jqxhr = $.ajax({
url: url,
method: "GET",
dataType: "json",
data: $form.serializeObject()
});
这是我的Google脚本代码:
And here is my Google script code:
// original from: http://mashe.hawksey.info/2014/07/google-sheets-as-a-database-insert-with-apps-script-using-postget-methods-with-ajax-example/
// original gist:
https://gist.github.com/willpatera/ee41ae374d3c9839c2d6
function doGet(e){
return handleResponse(e);
}
// Enter sheet name where data is to be written below
var SHEET_NAME = "GAME_THING";
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] http://googleappsdeveloper.blogspot.co.uk/2011/10/concurrency-and-google-apps-script.html
// 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());
}
推荐答案
试试这个。或尝试在其他浏览器中运行它
Try this one. or try to run it in a different browser
https://www.youtube.com/watch?time_continue=4&v=uDy_cvf4nDg
这篇关于如何修复没有'Access-Control-Allow-Origin'标题出现'错误的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文