# New API column

**URL:** <https://community.glideapps.com/t/new-api-column/35334>\
**Category:** Ask for Help\
**Created:** [December 1, 2021, 4:49am UTC](https://community.glideapps.com/t/new-api-column/35334 "2021-12-01T04:49:09Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Errcomp](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/errcomp/32/13195_2.png) [@Errcomp](https://community.glideapps.com/u/Errcomp)\
**Post date:** [December 1, 2021, 4:49am UTC](https://community.glideapps.com/t/new-api-column/35334/1 "2021-12-01T04:49:10Z")

</div>

I have an API I would like to call data from however it requires the API key be located in a header, and not in the URL. Is that possible with the new API column in Glide?

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [December 1, 2021, 11:56pm UTC](https://community.glideapps.com/t/new-api-column/35334/2 "2021-12-01T23:56:17Z")

</div>

If you are talking about the fetch API column then I think if you can’t pass the key as a parameter in the URL then it’s a no go.

You may have to write a Javascript snippet to fetch it.

---

<div class="post-metadata">

**Author:** ![Errcomp](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/errcomp/32/13195_2.png) [@Errcomp](https://community.glideapps.com/u/Errcomp)\
**Post date:** [December 5, 2021, 3:43pm UTC](https://community.glideapps.com/t/new-api-column/35334/3 "2021-12-05T15:43:19Z")

</div>

Yes the fetch column is what I’m referring to. I’ll look up how to write JavaScript snippet. Any good resources you might know of out there on how to write the snippet?

---

<div class="post-metadata">

**Author:** ![ShantanuIyengar](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/shantanuiyengar/32/35546_2.png) [@ShantanuIyengar](https://community.glideapps.com/u/ShantanuIyengar)\
**Post date:** [December 5, 2021, 4:47pm UTC](https://community.glideapps.com/t/new-api-column/35334/4 "2021-12-05T16:47:09Z")

</div>

You can try at the link

> **[JavaScript Fetch API Tutorial with JS Fetch Post and Header Examples](https://www.freecodecamp.org/news/javascript-fetch-api-tutorial-with-js-fetch-post-and-header-examples/)**
>
> If you are writing a web application, chances are you will have to work with external data. This can be your own database, third party APIs, and so on. When AJAX first appeared in 1999, it showed us a better way to build web applications. AJAX was a...

Code Snippet can be found below:

```auto
fetch('https://api.github.com/users/manishmshiva', {
  method: "GET",
  headers: {"Content-type": "application/json;charset=UTF-8"}
})
.then(response => response.json()) 
.then(json => console.log(json)); 
.catch(err => console.log(err));

Then you parse the response from json and return the value you need
```

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [December 5, 2021, 11:37pm UTC](https://community.glideapps.com/t/new-api-column/35334/5 "2021-12-05T23:37:35Z")

</div>

You can try reading the good recommendation from Shantanu above, but carefully read your API to see how the credentials should be passed alongside the fetch request.

Next, and this might make it not work, is the CORS (Cross-Origin Resource Sharing) problem, but you can try first to know if a simple fetch would work.
