[英]How to fetch JSON data on local network - CORS - Access to fetch has been blocked, JSON API fetch to ESP8266 - ESP8266WiFi
我已经编写了一个物联网（esp8266），以便它做一件非常基本的事情：它从传感器获取传感器数据，即温度并返回传感器 ID 及其温度作为 JSON 文本，例如 {[0,19.8]}
在我的家庭网络上，如果我在浏览器中输入我的 IoT 服务器的本地 ip（ http://192.xxx ）为 URL，无论是在智能手机还是 PC 上，我都可以查看结果。
现在，我在我的 PC 上创建了一个 html 以获取数据并稍后渲染它。 这个想法是，物联网只提供数据，浏览器将打开一个本地 html 具有 css 和 js 来处理和显示数据。 如果打开这个本地 html 来访问我的 IoT，我会收到错误消息：
CORS 策略已阻止从源“null”获取“http://192.xxx/”的访问权限：请求的资源上不存在“Access-Control-Allow-Origin”header。 如果不透明的响应满足您的需求，请将请求的模式设置为“no-cors”以获取禁用 CORS 的资源。
如何从本地网络上的任何浏览器获取来自 ESP8266 的 JSON 数据？
谢谢
我的 ESP8266 设置代码：
WiFiServer server(80);
server.begin();
Serial.printf("Open in web browser\nhttp://%s\n", WiFi.localIP().toString().c_str());
我的 ESP8266 循环代码：
WiFiClient client = server.available();
....
client.println("HTTP/1.1 200 OK");
client.println("Content-Type: application/json");
client.println("Content-Type: text/html");
client.println("Connection: close");
client.println("");
client.println(sTempJSON);
我的 html：
<body>
<h2>In body</h2>
<div>senseur[<span id="hIdxSen"></span>] = <span id="hIdxTemp"></span></div>
<script>
async function getTemp(){
const response = await fetch('http://192.x.x.x/');
const dataR = await response.json();
console.log(dataR);
const {jsIdx, jsIdxTemp} = dataR;
document.getElementId('hIdxSen').textContent = jsIdx;
document.getElementId('hIdxTemp').textContent = jsIdxTemp;
}
getTemp();
</script>
如何将有限的json数据（存储在SPIFF中）从esp8266发送到本地服务器？
[英]How to send limited json data (stored in SPIFF) to a local server from esp8266?
如何在MicroPyton中处理HTTP JSON POST响应？ （ESP8266）
[英]How to handle http JSON POST response in MicroPyton? (ESP8266)
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.