Thingspeak.com yelling "getJSON request failed!"

5 visualizzazioni (ultimi 30 giorni)

Mostra commenti meno recenti

Isidor Pol il 15 Apr 2021

0
Link

Link diretto a questa domanda

https://it.mathworks.com/matlabcentral/answers/803331-thingspeak-com-yelling-getjson-request-failed

Commentato: Andrew Clark il 23 Apr 2021

Risposta accettata: Vinod

Apri in MATLAB Online

Hello

I'm using site Thingspeak.com for storing data from my sensors.

Aprox 2 days ago it apear the error message:

I can not use any more: "getJSON request failed!"

$.getJSON('https://api.thingspeak.com/channels/'+channelNumber+'/feed.json?&amp;offset=0&amp;results=2500;key='+key, function(data)

It is not about cookies, because even in private windows I get same error.

Firefox in debug windows yelling:

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://api.thingspeak.com/channels/795411/feed.json?&amp;offset=0&amp;results=2500;key=Z67C5TON0V5UU0M6. (Reason: CORS header 'Access-Control-Allow-Origin' missing).

My script worked till now, and I didn't change nothing on it. This errpr does not depent on browser.

What I need to change to be able to use again?

Thx

0 Commenti
Mostra -2 commenti meno recentiNascondi -2 commenti meno recenti

Accedi per commentare.

Accedi per rispondere a questa domanda.

Risposta accettata

Vinod il 15 Apr 2021

0
Link

Link diretto a questa risposta

https://it.mathworks.com/matlabcentral/answers/803331-thingspeak-com-yelling-getjson-request-failed#answer_676256

The underlying issue has been fixed. A missing response header from the server caused your browser to not make any XHR requests.

Can you confirm your code is working again?

12 Commenti
Mostra 10 commenti meno recentiNascondi 10 commenti meno recenti

Andrew Clark il 22 Apr 2021

Modificato: Andrew Clark il 23 Apr 2021

Apri in MATLAB Online

Vinod, here is some minimal HTML code that shows the CORS error. I am using fetch which is the more modern replacement for XHR-type calls. This code has been working great until this week. If I execute the API call from the browser (or CURL) it succeeds, so I know the Thingspeak data is ok. And it fails using the regular jQuery "$.getJSON(" calls as well. Did Thingspeak somehow lose the "alllow CORS" in the response header? See https://stackoverflow.com/questions/67101121/no-access-control-allow-origin-thingspeak for more examples of this fail.

<html>
 <head>
 <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
    <title>BackpAQ Track Search</title>
    <meta name="author" content="Andrew Clark">
    
 </head>
 <body>
<script>
//var startDate = 
//var endDate = 
 var bpChannel = "1278482"; // public channel
 const unitsPM = "µg/m³";   
 
// fetch the (selected) data from ThingSpeak 
function loadData() {
  var result;
 // prototype: fetch('https://api.thingspeak.com/channels/1278482/feeds.json?api_key=xxxxxxxxxxxx&results=100' ,{
 fetch('https://api.thingspeak.com/channels/' + bpChannel + '/feed.json?results=2000&timezone=America%2FLos_Angeles', {
  method: 'GET', // or 'PUT'
  headers: {
    'Content-Type': 'application/json',
  },
})
.then(response => response.json())
.then(data => {
  console.log('Success:', data);
  var jParse = JSON.stringify(data, null, 2); // parse and pretty
   
 console.log(jParse);  
})
.catch((error) => {
  console.error('Error:', error);
}); 
}   // loadData
   
loadData(); // go fetch
</script>
 </body>   
</html>

Vinod il 23 Apr 2021

Thanks for the HTML. I'm able to reproduce the issue with this. I believe in certain cases the required header is not being added at the server end. We'll look into this and provide resolution shortly.

Andrew Clark il 23 Apr 2021