Arduino 导入 jquery 文件

Question

我有 esp8266 的工作代码，其中 jquery 是从互联网导入的，但我需要从下载的文件中导入它，但我做不到。 当我写#include“jquery-3.5.1.min.js”时，它给出了一个错误：jquery-3.5.1.min.js：没有这样的文件或目录（如果我指定完整路径，它也会给出这个错误） . 尽管此文件与项目文件位于同一目录中。 你能告诉我我做错了什么吗？

编码：

#include <ESP8266WiFi.h>
#include <DNSServer.h>
#include <ESP8266WebServer.h>
#include "jquery-3.5.1.min.js"


const byte DNS_PORT = 53;
IPAddress apIP(172, 0, 0, 1);
DNSServer dnsServer;
ESP8266WebServer webServer(80);


String handleRoot = R"=====(
<!DOCTYPE html>
<html lang='en'>
<head>
<meta charset='utf-8'>
<meta name='viewport' content='width=device-width, initial-scale=1'>\
</head>
<body>
  <h1>Ввод:</h1>
  <input type='text' name='input' id='input' size=2 autofocus>
  <div>
  <br><button id='save_button'>Send</button>
  </div>
<script src="/jquery-3.5.1.min.js"></script>
<script>
var input;
$('#save_button').click(function(e){
    e.preventDefault();
    input = $('#input').val();
    $.get('/send?input=' + input, function(data){
     console.log(data);
    });
  });   
</script>
</body>
</html>
)=====";

void handleSend() {
  if (webServer.arg("input")!= ""){
    Serial.println("Input is: " + webServer.arg("input"));
  }
 }


void setup() {
  Serial.begin(115200);
  delay(10);
  Serial.println("Started");
  WiFi.mode(WIFI_AP);
  WiFi.softAPConfig(apIP, apIP, IPAddress(255, 255, 255, 0));
  WiFi.softAP("INFO");

  dnsServer.start(DNS_PORT, "*", apIP);

  webServer.onNotFound([]() {
  webServer.send(200, "text/html", handleRoot);
  });
  webServer.on ("/send", handleSend);
  webServer.begin();
}

void loop() {
  dnsServer.processNextRequest();
  webServer.handleClient();
}

Answer 1

您的 html 代码期望从您的服务器（即您的 ESP8266）加载/jquery-3.5.1.min.js ，您的服务器不提供服务。 Giving that jQuery requires 20-30kB of memory and it is probably too slow for ESP8266 to serve it and take too much of precious memory, one quick and alternative solution is to load the jQuery directly from jquery CDN site by changing your JavaScript line to:

<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>

还请从您的草图中删除#include "jquery-3.5.1.min.js" ，因为您的#include是用于C/C++ 加载模块，而不是设计用于通过Internet 提供数据文件。

请注意，这是一个可行的解决方案，但不是最佳实践。 It is better to write pure JavaScript to handle the requests rather than depend on jQuery library which will take up about 30kB+ memory, especially for IoT application when using an MCU as a web server.

Arduino 导入 jquery 文件

问题描述

1 个解决方案

解决方案1
0 2020-07-25 01:19:45

Arduino 导入 jquery 文件

问题描述

1 个解决方案

解决方案1 0 2020-07-25 01:19:45

解决方案1
0 2020-07-25 01:19:45