Json 如何使用Airtable作为后端?

Json 如何使用Airtable作为后端?,json,api,axios,airtable,Json,Api,Axios,Airtable,我正在尝试使用Airtable作为我项目中提交表单的后端。然而,我似乎无法集成API,我不知道问题所在。我正在使用React和axios 我对JS和Airtable都很陌生 下面是我的错误代码: 提交表单后浏览器中出现错误: Airtable错误:{“error”:{“type”:“无效的请求\缺少字段”,“消息”:“在请求正文”}中找不到字段” 有人能告诉我我做错了什么吗?提前多谢 下面是我的代码: var form = document.querySelector("#bize-ulasin

我正在尝试使用Airtable作为我项目中提交表单的后端。然而,我似乎无法集成API,我不知道问题所在。我正在使用React和axios

我对JS和Airtable都很陌生

下面是我的错误代码:

提交表单后浏览器中出现错误:

Airtable错误:{“error”:{“type”:“无效的请求\缺少字段”,“消息”:“在请求正文”}中找不到字段”

有人能告诉我我做错了什么吗?提前多谢

下面是我的代码:

var form = document.querySelector("#bize-ulasin");
if(form) {

form.addEventListener("submit", function(event) {
    event.preventDefault();
axios.post(airtable_write_endpoint, 
    {
        "Content-Type": "application/json"
    } ,
    {
         "fields": {
            "AdSoyad": document.getElementById("#Ad-Soyad"),
            "Email": document.getElementById("#Email"),
            "Telefon": document.getElementById("#Telefon"),
            "Konu": document.getElementById("#Konu"),
            "Mesaj": document.getElementById("#Mesaj"),
            "Ortam": "Websitesi"
        }
    })
    .then(function(response) {
    console.log(response);
        })
        .catch(function(error) {
        console.log(error);
        })
    })
};

这看起来像是构造axios调用的错误。看起来您实际上是在POST调用中传递{Content-Type:application/json}作为有效负载,而不是第二个参数。您应该能够通过以下方式进行修复:

希望有帮助

Airtable有一个可供您通过编程方式访问任何Airtable工作表中的任何基础。Airtable还为您的基础生成完整的API文档。您可以在以下位置找到您的API:

选择一个基础,您将看到一个完整的API,其中包含示例调用和所有调用

它显示了完整的JavaScript示例:

EXAMPLE USING ENVIRONMENT VARIABLE
# Shell:
$ export AIRTABLE_API_KEY=YOUR_API_KEY

# Node:
const base = require('airtable').base('YOUR_AIRTABLE_BASE');
EXAMPLE USING CUSTOM CONFIGURATION
var Airtable = require('airtable');
Airtable.configure({
    endpointUrl: 'https://api.airtable.com',
    apiKey: 'YOUR_API_KEY'
});
var base = Airtable.base('YOUR_AIRTABLE_BASE');
AdSoyad:document.GetElementByIDName选择相关html元素,无值


您可以使用AdSoyad:document.getElementByIdAd-Soyad.value解决问题,但没有id标记,您已经编写了不需要的getElementById

我发现api文档非常稀疏,没有多大帮助。您使用的是Airtable包吗?从上面的代码来看,您似乎是通过axios直接发出HTTP请求。我建议您使用Airtable软件包,因为它可以为您处理大量的样板文件。
EXAMPLE USING ENVIRONMENT VARIABLE
# Shell:
$ export AIRTABLE_API_KEY=YOUR_API_KEY

# Node:
const base = require('airtable').base('YOUR_AIRTABLE_BASE');
EXAMPLE USING CUSTOM CONFIGURATION
var Airtable = require('airtable');
Airtable.configure({
    endpointUrl: 'https://api.airtable.com',
    apiKey: 'YOUR_API_KEY'
});
var base = Airtable.base('YOUR_AIRTABLE_BASE');