Question

我正在实现一个注册页面，我想在其中提交表单并发送发布请求后更改浏览器的URL。确实，我希望服务器在收到发布请求后再提供另一个静态文件。我该怎么办？

这是我使用香草js的xhr请求在客户端：

function signup(e) {
        var data = {
            name: _elements.fullname.value,
            username: _elements.username.value,
            password: _elements.password.value
        };

        data = JSON.stringify(data);

        var xhr = new XMLHttpRequest();
        xhr.onreadystatechange = function() {
            if(xhr.readyState === 4 && xhr.status === 200) alert('Signed in successfully!');
        }
        xhr.open('POST', 'signup', true);
        xhr.setRequestHeader('Content-Type', 'text/plain')
        xhr.send(data);
    }

这是我的server.js文件：

const http = require('http');
const requestHandler = require('./req-handler').requestHandler;

http.createServer(requestHandler).listen(8080);

req-handler.js：

if (req.method === 'GET') {
        switch (req.url) {
            case '/':
                routeHandler = rootHandler;
                break;
        }
    } else if (req.method === 'POST') {
        switch (req.url) {
            case '/signup':
                routeHandler = signupHandler;
                break;
        }
    }

    if (!routeHandler) {
        routeHandler = staticFileHandler;
    }

    routeHandler(req, res);


    function rootHandler(req, res) {
        req.url = 'signup.html';
        staticFileHandler(req, res);
    }

    function signupHandler(req, res) {
        req.url = 'index.html';
        var jsonData = '';

        req.on('data', data => {
            jsonData += data.toString('utf-8')
        });

        req.on('end', () => {

            staticFileHandler(req, res);
        });
    }


    function staticFileHandler(req, res) {
        console.log(req.url)
        fs.readFile('client/' + req.url, function (err, data) {
            if (err) {
                res.writeHead(500);
                res.write(err.name);
                res.end();
            }
            console.log(data)
            res.writeHead(200);
            res.write(data);
            res.end();
        });
    }

所有静态文件（.html和.css）都在/ client文件夹中。顺便说一句，我不想使用任何库/框架。

Answer 1

您可以使用vanilla js导航到新页面。

xhr.onreadystatechange = function() {
    if(xhr.readyState === 4 && xhr.status === 200) {
        alert('Signed in successfully!');
        document.location.href = {Your_new_URL}
    }
}

如果文件路径可以变化-您始终可以在服务器上的响应JSON中指定它，并在XHR成功回调中使用它。

在节点服务器中发布请求后更改浏览器URL

1 个答案: