Re: [PATCH buubuu v1 08/10] view: Put the style and JS preload script to top

[Ammar Faizi <ammarfaizi2@gnuweeb.org>]

On 6/12/22 7:07 PM, Alviro Iskandar Setiawan wrote:
> +    let xhr = new XMLHttpRequest();
> +    xhr.open("POST", "/auth/register");
> +    xhr.setRequestHeader("Content-type", "application/json");
> +    xhr.send(JSON.stringify(json));

What is the outcome of this code?

 From what I see, what you do are:
1. You create an XHR instance.
2. Open an HTTP POST to "/auth/register".
3. Set the content type to "application/json".
4. Send the stringified JSON.

After that, it does nothing. How do you handle the response from the
server?

This definitely needs a callback to actually work. For example,
setting the onload property like this can do:

   xhr.onload = function () {
      let res = this.responseText;
      // do whatever with res
   };

Or you might as well handle non-successful response with
onreadystatechange like this:

   xhr.onreadystatechange = function () {

      if (this.readyState != 4)
        return;

      let res = this.responseText;
      // do whatever with res
   };

Without such a callback, this only partially works. The client side
will see nothing.

-- 
Ammar Faizi