Update downloads content without full page reload

[saundefined]

No description provided.

[github-actions]

🚀 Regression report for commit 0a43db5 is at https://web-php-regression-report-pr-1312.preview.thephp.foundation

[github-actions]

🚀 Preview for commit 0a43db5 can be found at https://web-php-pr-1312.preview.thephp.foundation

[cmb69]

If there are two changes, there are two asynchronous requests. If the first response arrives after the second, the instructions would not match the latest user selection. I'm not sure how to solve that. A mitigation could be to delay the request for some fraction of a second (what might be a good idea anyway).

Also, error handling should be improved; logging to the console won't usually be seen by the user, but worse, if the server reponds with an error status, the script would try to go on. There should be a check for response.ok in addition to the .catch().

[saundefined]

@cmb69 thanks!

If there are two changes, there are two asynchronous requests. If the first response arrives after the second, the instructions would not match the latest user selection. I'm not sure how to solve that. A mitigation could be to delay the request for some fraction of a second (what might be a good idea anyway).

What do you think about AbortController? Just tested locally, it solves this problem.
I'll send a commit with it now, if that option doesn't work, I'll roll it back.

[cmb69]

What do you think about AbortController?

Interesting! I wasn't aware of that class, but it looks like a sensible way to solve the issue.

[derickr]

Will this all still work if javascript is disabled too?

[cmb69]

If JS is not supported, it's just a normal form with an "Update Instructions" button. It might be better, though, to actually remove the button when JS is available (i.e. the concrete JS is supported by the browser), instead of relying on <noscript>, since JS might not be available even when supported by the browser (e.g. some old browsers may not support fetch(), and in that case the user can't use the form).