JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html lang="en" dir="ltr">

<head>
    <meta charset="utf-8">
    <title>Test report embedding</title>
    <div id="login"></div>
    <div id="getfolder"></div>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $.post("http://localhost/seal/SWILogin", {
                user: "user",
                password: ""
            }).done(function (data) {

                if (!data.error) {
                    $("#login").append("<h1>" + "Login Success" + "</h1>")
                    //some code, not reached because of the 404
                }

            })
            $.post("http://localhost/seal/SWIGetRootFolders", {
            }).done(function (data) {
                $("#getfolder").append("<h1>" + "fail" + "</h1>")
                if (!data.error) {

                }
                else {

                }
            }).fail(function (data) {
                $("#getfolder").append("<h1>" + "SWIGetRootFolders Post Failed" + "</h1>")
            })
        })
    </script>
</head>

<body>
    <div id="container">

    </div>
</body>

</html>