先引入json的函示庫

#include "AsyncJson.h"
#include "ArduinoJson.h"

然後用ESPAsyncWebServer的server.on來處理網頁伺服器發出的請求

  server.on("/str", HTTP_GET, [](AsyncWebServerRequest * request) {
    StaticJsonDocument<100> data;
    data["str"] = "Hello World!";
    String response;
    serializeJson(data, response);
    request->send(200, "application/json", response);
  });

接下來是網頁的部分，首先要先引入jquery cdn

<script src="https://code.jquery.com/jquery-3.4.1.js"
integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU="crossorigin="anonymous"></script>

然後用jquery讀出json檔裡面的資料。

<script type="text/javascript">
$.ajax({
        type: "GET",
        url: '/str',
        dataType: "text",
        error: function(data){
            alert("失敗");
        },
        success: function(data){
            data = $.parseJSON(data);
            str=data.str;
            alert(str);
        }
    });
</script>