Question

我正在使用Chrome扩展程序，该扩展程序本质上是一个简单的自定义Google表单，会发布到响应电子表格中。我有以下功能只能成功发送和填充一次数据，但不会再次：

function postFormToGoogle() {
    var timeOne = $("#time1hour").val();
    var timeTwo = $('#time2hour').val();
    var timeThree = $('#time3hour').val();

    $.ajax({
        url: "https://docs.google.com/forms/d/FORMKEY/formResponse",
        beforeSend: function (xhr) {
          xhr.setRequestHeader('Access-Control-Allow-Origin', 'chrome-extension://EXTENSION_ID');
          xhr.setRequestHeader('Access-Control-Allow-Methods', 'GET, POST, PUT');
        },
        data: { "entry_856586387": timeOne, 
        "entry_244812041": timeTwo, 
        "entry_2138937452": timeThree },
        type: "POST",
        dataType: "xml",
        xhrFields: {
            withCredentials: true
        },
        statusCode: {
            0: function () {
                document.getElementById("message").innerHTML = "Your form has been submitted!";
                window.location.replace("ThankYou.html");
            },
            200: function () {
                document.getElementById("message").innerHTML = "Your form has been submitted!";
                console.log("Success");
                window.location.replace("ThankYou.html");
            }
        }
    });
}

我必须包含cors请求标头，因为我收到了No＆＃39; Access-Control-Allow-Origin＆＃39;阻止我的请求的警告。

它是一个扩展，我还向manifest.json文件添加了以下权限：

"permissions": [
  "http://docs.google.com",
  "https://docs.google.com",
  "https://*.google.com",
]

此时，我不确定究竟是什么阻止了数据的发布。可能的指标可能是，在提交表格时，我会显示＆＃34;临时标题会显示＆＃34;警告并且服务器花费太长时间来响应，如等待（TTFB）时间所示。

我在代码中哪里出错了？（出于某种原因，它确实工作过一次。）有任何替代解决方案可以将自定义表单发布到电子表格吗？

Answer 1

这就是我这样做的方式...... http://jsfiddle.net/adutu/7towwv55/1/ 你可以看到你收到一个CORS错误，但它有效...数据到达应该的位置

        function postToGoogle() {
            var field3 = $('#feed').val();

            $.ajax({
            url: "https://docs.google.com/forms/d/[key]/formResponse",
            data: {"entry.347455363": field3},
            type: "POST",
            dataType: "xml",
            statusCode: {
                0: function() {
                    //Success message
                },
                200: function() {
                    //Success Message
                }
            }
        });
        }

查看更多信息here

如何通过jQuery和Ajax将Google表单数据发布到Spreadsheets

1 个答案: