javascript - Ajax javascript 在没有 jQuery 的情况下发布到 Google 电子表格

Question

我想获得有关在不使用 jQuery 的情况下使用 ajax 将数据信息发布到 Google 电子表格的帮助。

与 jQuery 一样，它非常简单，如下所示:

var gformUrl = 'https://docs.google.com/forms/d/abcdefg1234567890/formResponse';

var gformData = {
    'entry.1405357202': 'text #1',
    'entry.2112718259': 'text #2',
    'entry.1657451952': 'text #3',
    'entry.737451165': 'text #4'
};

$.post(gformUrl,gformData);

现在，即使它在控制台中显示没有跨源的错误，它仍然工作得很好。

我试图不使用 jQuery 并在纯 JavaScript 中执行此操作，但尚未成功，这是我的代码:

var xhr = new XMLHttpRequest();
xhr.open('POST', gformUrl, true);
xhr.send(JSON.stringify(gformData));

Answer 1

$.post 以 URL 编码格式发送数据，而不是 JSON。这是 param=val&param=val&... 格式。

var formDataArray = [];
for (var key in gformData) {
    formDataArray.push(encodeURIComponent(key) + '=' + encodeURIComponent(gformData[key]));
}
xhr.send(formDataArray.join('&');