server.send

[medic00]

How change server.send(200, "text/plane", TextVar) in project with pagebuilder

[Hieromon]

You do not need to explicitly call server.send in the sketch to send the content created by PaguBuilder. See PageBuilder examples.

[medic00]

Sorry, I'm a beginner. Watch this code (example from https://voltiq.ru/control-servo-via-esp32-webserver/ with my small modification). How to change the sketch under PageBuilder ?
#include "WiFiClient.h"
#include "WebServer.h"
#include "WiFi.h"
#include "ESPmDNS.h"

/* change your ssid and password here /
const char ssid = "";
const char password = "***";

WebServer server(80);

const int servoPin = 12;
int oldAngle = 0;
int PWM_WIDTH = 20000;

int Test1=0;

/* this array contains the web will be responded to client
it uses jquery for making GET request and processing slider UI control */
char res[1300]=
"\

\ \ \

iotsharing.com Servo

\

Sensor Value:0

\ //\ //<script src='https://code.jquery.com/jquery-1.10.2.js'></script>\ //<script src='https://code.jquery.com/ui/1.10.4/jquery-ui.js'></script>\ <script>\ $(function() {\ $('#sliVal').html('Angle: 0');\ $('#slider').slider({\ orientation:'vertical',value:0,min: 0,max: 180,step: 5\ });\ $('#slider').slider().bind({\ slidestop: function(e,ui){\ $('#res').css('background','red');\ $('#sliVal').html('Angle: '+ui.value);\ $.get('/ang?val=' + ui.value, function(d, s){\ $('#res').css('background','green');\ $('#res').html(s);\ }); \ }\ });\ });\ </script>\ \ \

\

\

\ <script>\ setInterval(function() {\ getData();\ }, 500);\ function getData() {\ var xhttp = new XMLHttpRequest();\ xhttp.onreadystatechange = function() {\ if (this.readyState == 4 && this.status == 200) {\ document.getElementById('ADCValue').innerHTML =\ this.responseText;\ }\ };\ xhttp.open('GET', 'readADC', true);\ xhttp.send();\ }\ </script>\ \ ";

void handleRoot() {
server.send(200, "text/html", res);
}
/* this function map from angle to pulse width /
int servoPulse(int angleDegrees)
{
int pulseWidth = map(angleDegrees, 0,180,600,2400);
return pulseWidth;
}
/ this function check the rotation angle
and trigger pulse accordingly*/
void servoGo(int oldAngle, int newAngle)
{
Serial.println(newAngle);
Test1=newAngle;
int pulseWidth;
if(oldAngle == newAngle){
return;
}else if(oldAngle < newAngle){
/* clockwise processing /
for (int i=oldAngle; i<=newAngle; i++){
/ convert angle to pulse width us*/
pulseWidth = servoPulse(i);
/* trigger HIGH pulse /
digitalWrite(servoPin, HIGH);
/ use delayMicroseconds to delay for pulseWidth /
delayMicroseconds(pulseWidth);
/ trigger LOW pulse /
digitalWrite(servoPin, LOW);
/ use delayMicroseconds to delay
for rest time (20000 - pulseWidth) /
delayMicroseconds(PWM_WIDTH - pulseWidth);
}
}else if(oldAngle > newAngle){
/ anti-clockwise processing /
for (int i=oldAngle; i>=newAngle; i--){
pulseWidth = servoPulse(i);
digitalWrite(servoPin, HIGH);
delayMicroseconds(pulseWidth);
digitalWrite(servoPin, LOW);
delayMicroseconds(PWM_WIDTH - pulseWidth);
}
}
}
/ this callback will be invoked when get servo rotation request */
void handleServo() {
//Serial.println(server.argName(0));
int newAngle = server.arg(0).toInt();
servoGo(oldAngle, newAngle);
oldAngle = newAngle;
server.send(200, "text/html", "ok");
}

void handleNotFound(){
String message = "File Not Found\n\n";
server.send(404, "text/plain", message);
}

void setup(void){

Serial.begin(115200);
WiFi.begin(ssid, password);
Serial.println("");
// Wait for connection
while (WiFi.status() != WL_CONNECTED) {
delay(500);
Serial.print(".");
}
Serial.println("");
Serial.print("Connected to ");
Serial.println(ssid);
Serial.print("IP address: ");
Serial.println(WiFi.localIP());

if (MDNS.begin("esp32")) {
Serial.println("MDNS responder started");
}

server.on("/", handleRoot);
server.on("/ang", handleServo);

server.onNotFound(handleNotFound);
server.on("/readADC", handleADC);//To get update of ADC Value only
server.begin();
pinMode(servoPin, OUTPUT);
Serial.println("HTTP server started");
}

void handleADC() {

String adcValue = String(Test1);

server.send(200, "text/plane", adcValue); //Send ADC value only to client ajax request
}

void loop(void){
server.handleClient();
}