Send Serial Data to Webpage

Hello i apologize or the bad English ,I'm trying to send the EC Conductivity Sensors readings that's coming in from the Ardunio UNO (EC Sensor connected to Rx2,Tx3 )and being sent to the ESP32 .i can read the EC Sensors data on the ESP32 serial monitor (connected to pin 16-Rx but I'm have issues trying to convert, and send that data (Rx16)to be read on the ESP32 Webserver.
Basically i want the (EC Sensor) data coming from and seen on the Serial Monitor (16Rx) to be sent and seen on the Webpage .
i think i need to convert the data coming in on ( char ch = SUART.read():wink:
so it can be seen on the webpage with (client.Prinln)
I would appreciate it , thanks.
here's the codes I'm working with.

#include <WiFi.h>

const char *ssid = "BELL749";
const char *password = "405040502";

NetworkServer server(80);
//--------------------------------------------------------------

#include<SoftwareSerial.h>
SoftwareSerial SUART(16, -11);//remove-11-- //SRX = DPin-10, STX = 17

void setup()
{

Serial.begin(9600);
SUART.begin(9600);
//-----------------------------
Serial.begin(115200);
pinMode(2, OUTPUT); // set the LED pin mode

delay(10);
// sketch name , inFormation
Serial.print("GH ec UNO to ESP32 TO WS ");

// We start by connecting to a WiFi network

Serial.println();
Serial.println();
Serial.print("Connecting to ");
Serial.println(ssid);

WiFi.begin(ssid, password);

while (WiFi.status() != WL_CONNECTED) {
delay(500);
Serial.print(".");
}

Serial.println("");
Serial.println("WiFi connected.");
Serial.println("IP address: ");
Serial.println(WiFi.localIP());

server.begin();
}

void loop()
{
while (SUART.available() != 0)
{
char ch = SUART.read();
Serial.print(ch);
}
//--------------------Wii Network---------------
NetworkClient client = server.accept(); // listen for incoming clients

if (client) { // if you get a client,
Serial.println("New Client."); // print a message out the serial port
String currentLine = ""; // make a String to hold incoming data from the client
while (client.connected()) { // loop while the client's connected
if (client.available()) { // if there's bytes to read from the client,
char c = client.read(); // read a byte, then
Serial.write(c); // print it out the serial monitor
if (c == '\n') { // if the byte is a newline character
char ch = SUART.read();
client.println(ch);
client.println(SUART.read());
// if the current line is blank, you got two newline characters in a row.
// that's the end of the client HTTP request, so send a response:
if (currentLine.length() == 0) {
// HTTP headers always start with a response code (e.g. HTTP/1.1 200 OK)
// and a content-type so the client knows what's coming, then a blank line:
client.println("HTTP/1.1 200 OK");
client.println("Content-type:text/html");
client.println();

        // the content of the HTTP response follows the header:
        client.print(ch);
        client.print("Click <a href=\"/L\">here</a> to turn the MIST Pump off.<br>");
        client.print("MIST SYSTEM");
                    client.println("          MIST SYSTEM 10spaces");
        //client.println("          MIST SYSTEM 70spaces");

// client.println(
);
// client.println("...I would like to insert a carriage return here...2
");
//////////////// EC and PH to webserver

//==============================================
// The HTTP response ends with another blank line:
client.println();
// break out of the while loop:
break;
} else { // if you got a newline, then clear currentLine:
currentLine = "";
}
} else if (c != '\r') { // if you got anything else but a carriage return character,
currentLine += c; // add it to the end of the currentLine
}

    // Check to see if the client request was "GET /H" or "GET /L":
    if (currentLine.endsWith("GET /H")) {
      digitalWrite(5, HIGH);  // GET /H turns the LED on
    }
    if (currentLine.endsWith("GET /L")) {
      digitalWrite(5, LOW);  // GET /L turns the LED off
    }
  }
}
// close the connection:
client.stop();
Serial.println("Client Disconnected.");

}
}

Welcome to the forum

Please post your sketch, using code tags when you do. This prevents parts of it being interpreted as HTML coding and makes it easier to copy for examination

In my experience the easiest way to tidy up the code and add the code tags is as follows
Start by tidying up your code by using Tools/Auto Format in the IDE to make it easier to read. Then use Edit/Copy for Forum and paste what was copied in a new reply. Code tags will have been added to the code to make it easy to read in the forum thus making it easier to provide help.

#include<SoftwareSerial.h>
SoftwareSerial SUART(16, 11); //pin 11 not in use -11

void setup()
{
  Serial.begin(9600);
  SUART.begin(9600);
}

void loop()
{
  while (SUART.available() != 0)
  {
    char ch = SUART.read();
    Serial.print(ch);
  }
}
/*
  WiFi Web Server LED Blink

  A simple web server that lets you blink an LED via the web.
  This sketch will print the IP address of your WiFi Shield (once connected)
  to the Serial monitor. From there, you can open that address in a web browser
  to turn on and off the LED on pin 5.

  If the IP address of your shield is yourAddress:
  http://yourAddress/H turns the LED on
  http://yourAddress/L turns it off

  This example is written for a network using WPA2 encryption. For insecure
  WEP or WPA, change the Wifi.begin() call and use Wifi.setMinSecurity() accordingly.

  Circuit:
   WiFi shield attached
   LED attached to pin 5

  created for arduino 25 Nov 2012
  by Tom Igoe

  ported for sparkfun esp32
  31.01.2017 by Jan Hendrik Berlin

*/

#include <WiFi.h>

const char *ssid = "BELL749";
const char *password = "405040502";

NetworkServer server(80);
//--------------------------------------------------------------

#include<SoftwareSerial.h>
SoftwareSerial SUART(16, -11);//remove-11-- //SRX = DPin-10, STX = 17

void setup()
{


  Serial.begin(9600);
  SUART.begin(9600);
  //-----------------------------
  Serial.begin(115200);
  pinMode(2, OUTPUT);  // set the LED pin mode

  delay(10);
  // sketch name , inFormation
  Serial.print("GH ec UNO to ESP32 TO WS ");

  // We start by connecting to a WiFi network

  Serial.println();
  Serial.println();
  Serial.print("Connecting to ");
  Serial.println(ssid);

  WiFi.begin(ssid, password);

  while (WiFi.status() != WL_CONNECTED) {
    delay(500);
    Serial.print(".");
  }

  Serial.println("");
  Serial.println("WiFi connected.");
  Serial.println("IP address: ");
  Serial.println(WiFi.localIP());

  server.begin();
}

void loop()
{
  while (SUART.available() != 0)
  {
    char ch = SUART.read();
    Serial.print(ch);
  }
  //--------------------Wii Network---------------
  NetworkClient client = server.accept();  // listen for incoming clients

  if (client) {                     // if you get a client,
    Serial.println("New Client.");  // print a message out the serial port
    String currentLine = "";        // make a String to hold incoming data from the client
    while (client.connected()) {    // loop while the client's connected
      if (client.available()) {     // if there's bytes to read from the client,
        char c = client.read();     // read a byte, then
        Serial.write(c);            // print it out the serial monitor
        if (c == '\n') {            // if the byte is a newline character
          char ch = SUART.read();
          client.println(ch);
          client.println(SUART.read());
          // if the current line is blank, you got two newline characters in a row.
          // that's the end of the client HTTP request, so send a response:
          if (currentLine.length() == 0) {
            // HTTP headers always start with a response code (e.g. HTTP/1.1 200 OK)
            // and a content-type so the client knows what's coming, then a blank line:
            client.println("HTTP/1.1 200 OK");
            client.println("Content-type:text/html");
            client.println();

            // the content of the HTTP response follows the header:
            client.print(ch);
            client.print("Click <a href=\"/L\">here</a> to turn the MIST Pump off.<br>");
            client.print("MIST SYSTEM");
            client.println("          MIST SYSTEM 10spaces");
            //client.println("          MIST SYSTEM 70spaces");
            // client.println(<br />);
            // client.println("...I would like to insert a carriage return here...2<br />");
            //////////////// EC and PH to webserver

            //==============================================
            // The HTTP response ends with another blank line:
            client.println();
            // break out of the while loop:
            break;
          } else {  // if you got a newline, then clear currentLine:
            currentLine = "";
          }
        } else if (c != '\r') {  // if you got anything else but a carriage return character,
          currentLine += c;      // add it to the end of the currentLine
        }

        // Check to see if the client request was "GET /H" or "GET /L":
        if (currentLine.endsWith("GET /H")) {
          digitalWrite(5, HIGH);  // GET /H turns the LED on
        }
        if (currentLine.endsWith("GET /L")) {
          digitalWrite(5, LOW);  // GET /L turns the LED off
        }
      }
    }
    // close the connection:
    client.stop();
    Serial.println("Client Disconnected.");
  }
}

@questcom please go back and fix the code tags for post #1.

Why is the Uno needed in this circuit? Why not read the sensors directly using the ESP32?

A little while ago, I needed to build a webpage dashboard to monitor variable from sensors connected to a UNO (or Mega) and found this course very helpful in understanding AJAX as well as creating a real-time dashboard with all the bells and whistle (gauges, on/off buttons, etc.)... Hope it helps

Sensors / Actuators & IoT Dashboard with Arduino