[SOVLED] AsyncWebServer doesn't receive values from HTTP_POST

[GeorgeFlorian1]

I've been trying to save some values from two input fields inside a HTML page.

Here is the main.cpp.
Here is the index.html.

As you can see I've been trying to save networkName and networkPassword in other const *char just to be able to Serial.print(); them but it doesn't work. They show a blank space in Serial Monitor.

Also, shouldn't request->redirect("/url"); redirect me to /url ? Because it doesn't.
I've pressed on the Sign In or Restart buttons and the Enter key on my keyboard and nothing happens.

Looking at the sketch I realize that I have no idea how to implement an action when pressing, for example, Sign In button.
How do I link those two buttons to actions in my sketch ? I haven't been able to found anything that resembles my project.

Does anybody have any idea ? Because I really don't.

Thank you !

UPDATE 1:

Sorry, I forgot to update the gist. I actually made the Sign In button into a type="submit".
After entering some values in the input fields and pressing on the Sign In button it reloads the page and gives me this error:

Code: Select all

This site can’t be reached The connection was reset.
Try:

Checking the connection
Checking the proxy and the firewall
ERR_CONNECTION_RESET

The Serial Monitor resets too but the output is the same. The values that I'm trying to save do not save.

[Denis Brion]

Well, my answer wo not solve your problem, but might avoid troubles . I saw some classical troubles in your main.cpp:
line 13 : What is the use of

Code: Select all

delay(1000)

;
lines 28..34 : what happens if there are more than two lines?
I would have written (more concise; safer; easier to understand... but untested) :

Code: Select all

 
String ssid =  inputs.readStringUntil('\n');
String password = inputs.readStringUntil('\n'); 
Serial.println("ssid: " + ssid +" pwd : " + password );
inputs.close();

WiFi.begin(ssid.c_str(),password .c_str());

Again,it does not solve your issue, but might prevent fure ones...

[GeorgeFlorian1]

Well, my answer wo not solve your problem, but might avoid troubles . I saw some classical troubles in your main.cpp:
line 13 : What is the use of

Code: Select all

delay(1000)

;
lines 28..34 : what happens if there are more than two lines?
I would have written (more concise; safer; easier to understand... but untested) :

Code: Select all

 
String ssid =  inputs.readStringUntil('\n');
String password = inputs.readStringUntil('\n'); 
Serial.println("ssid: " + ssid +" pwd : " + password );
inputs.close();

WiFi.begin(ssid.c_str(),password .c_str());

Again,it does not solve your issue, but might prevent fure ones...

Hello ! Thank you for your reply !

line 13: delay(1000); works like a fail safe. It can happen that the serial monitor opens slightly too late after the upload and the ESP32 has already started the code execution, resulting in no output from the Serial Monitor. In this case you can add a small delay(1000); in setup() to combat it.

line 28 - 34: This sketch was made with only 2 lines written in the inputs.txt in minds. I've chosen to write that part like that just to see how and if the code works. Think of it as being in an early stage.

[boarchuz]

There's no submit button on your html form to actually do the action. type="submit"
For the other button, you'll probably want a little bit of javascript (eg. clear the text fields and then focus the first) but that's not important right now.
Add the submit thing and see how you get on.

[GeorgeFlorian1]

There's no submit button on your html form to actually do the action. type="submit"
For the other button, you'll probably want a little bit of javascript (eg. clear the text fields and then focus the first) but that's not important right now.
Add the submit thing and see how you get on.

Sorry, I forgot to update the gist. I actually made the Sign In button into a type="submit".
After entering some values in the input fields and pressing on the Sign In button it reloads the page and gives me this error:

Code: Select all

This site can’t be reached The connection was reset.
Try:

Checking the connection
Checking the proxy and the firewall
ERR_CONNECTION_RESET

The Serial Monitor resets too but the output is the same. The values that I'm trying to save do not save.

[boarchuz]

More generally, you should learn to debug this stuff yourself. You need to use some kind of web traffic monitor to debug your form and server response. Chrome and maybe Firefox have them built in, but I like Fiddler. And you need to use Serial printouts liberally in your code to identify where things stop working the way you expect.

[GeorgeFlorian1]

I fixed it.

Code: Select all

server.on("/login", HTTP_POST, [](AsyncWebServerRequest * request){
int params = request->params();
for(int i=0;i<params;i++){
  AsyncWebParameter* p = request->getParam(i);
  if(p->isFile()){ //p->isPost() is also true
    Serial.printf("FILE[%s]: %s, size: %u\n", p->name().c_str(), p->value().c_str(), p->size());
  } else if(p->isPost()){
    Serial.printf("POST[%s]: %s\n", p->name().c_str(), p->value().c_str());
  } else {
    Serial.printf("GET[%s]: %s\n", p->name().c_str(), p->value().c_str());
  }
} // for(int i=0;i<params;i++)
request -> send(200);
}); // server.on

That's how you obtain parameters from a HTML input field when you press on a submit button.