如何从 xhr 请求重定向

Question

如何从 xhr 请求重定向

Sam*_*ton 4 redirect xmlhttprequest node.js hapi.js

当我向我的服务器发送 xhr post 请求时。它回复 302 重定向，但我只能记录整个重定向 html，无法让浏览器重定向到新的 url。

服务器.js

const Hapi = require('hapi');
const Inert = require('inert');

const server = new Hapi.Server();
const port = 8888;

server.connection({ port });

server.register([ Inert ], () => {
  server.route([
    {
      method: 'get',
      path: '/',
      handler: (request, reply) => {
        reply.file('index.html');
      }
    },
    {
      method: 'get',
      path: '/login',
      handler: (request, reply) => {
        reply.file('login.html');
      }
    },
    {
      method: 'post',
      path: '/login',
      handler: (request, reply) => {
        reply.redirect('/');
      }
    }
  ]);

  server.start(() => {
    console.log('Server running on ', server.info.uri);
  });
});

Run Code Online (Sandbox Code Playgroud)

索引.html

<!doctype html>
<html>
  <body>
    <h1> Home </h1>
    <a href="/login"> go to login </a>
  </body>
</html>

Run Code Online (Sandbox Code Playgroud)

登录.html

<!doctype html>
<html>
  <body>
    <button id="home">home</button>
    <script>
      function goHome () {
        var xhr = new XMLHttpRequest();
        xhr.onreadystatechange = function () {
          if(xhr.readyState === 4 && xhr.status === 200) {
            console.log('Response: ', xhr.response);
          }
        }
        xhr.open('post', '/login');
        xhr.send();
      }
      document.getElementById('home').addEventListener('click', goHome);
    </script>
  </body>
</html>

Run Code Online (Sandbox Code Playgroud)

有没有一种方法可以重定向到“/”而不需要在客户端进行？

先谢谢您的帮助

Answer 1

Que*_*tin 6

有没有一种方法可以重定向到“/”而不需要在客户端进行？

不。

重定向意味着“您所要求的内容可以在这里找到”，而不是“将浏览器导航到此 URL”。如果浏览器要导航到最初请求的 URL，则它只会导航到重定向的 URL。

由 XMLHttpRequest 发起的请求将获得由 XMLHttpRequest 处理的响应。如果该响应是重定向，则将遵循该响应，并且对新请求的响应将由 XMLHttpRequest 处理。

Ajax 是在不离开页面的情况下从 JS 发出 HTTP 请求的行为。

如果您想离开页面，请不要使用 Ajax。

归档时间：	9 年，4 月前
查看次数：	6430 次
最近记录：	3 年，9 月前