How to properly fetch JSON data from an API GET endpoint within a CesiumJS client app

Question

I'm scratching a vanilla CesiumJS demo application from the 1.73 branch.

I left untouched the server.cjs file, but I added one custom client implementation file as Apps/myproject/my.js

As I need to GET some JSON responses from an existing API within that demo application, I tried to import the 'https' module as follows:

const https = require('https');

which conducted me to the Uncaught ReferenceError: require is not defined error.

Then I tried the import way:

import https;

which raised the Uncaught SyntaxError: missing keyword 'from' after import clause error.

(...)

I finally ended up with:

import * as https from 'https';

but => Uncaught TypeError: Error resolving module specifier “https”. Relative module specifiers must start with “./”, “../” or “/”. my.js:2:18

I'm running out of ideas for the moment.

How could I successfully and efficiently load and execute an http(s) request to actually get a JSON response from a given API within my custom Cesium app?

ZhefengJin · Accepted Answer · 2022-02-12 02:54:15Z

2

You can't use the "require" statement in the Cesiumjs client app.
Use this code snippet.

// replace it with your api url
const url = "https://www.google.com";

const promise = Cesium.Resource.fetchJson({
    url: url,
    queryParameters: {
    }
});

promise.then((response) =>{
  console.log(response);
}).otherwise(error =>{
  console.log(error);
});

answered Feb 12, 2022 at 2:54

ZhefengJin

1,16711 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

swiss_knight Over a year ago

I like the simplicity of this answer, and it's fully working for JSON data. Thanks. I definitely need to update myself on "nowadays JS". I found this resource for that purpose: javascript.info but let me know if you know about other nice resources for self-learning.

Collectives™ on Stack Overflow

How to properly fetch JSON data from an API GET endpoint within a CesiumJS client app

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related