在Node.js中使用Express成功后，如何发送JSON响应并重定向到某些html页面？

Question

I am trying to send a JSON response, and redirect the page at the same time. It is not happening. Is there any way to redirect in Express.js while sending some JSON response to client? I want to use this JSON response to render the value to the redirected HTML page.

My Code -

//I tried using the below code. But it is not working
const app = express();

app.get('/user', authenticationMiddleware, (req,res) => {

    res.send({name : "StackOverFlow", reason : "Need help!"});

    res.redirect('/user/me');

})

Expected result :

I should get the {name : "StackOverFlow", reason : "Need help!"} as response (I will use fetch() to get the response) in the redirected client side HTML.

Answer 1

What you'll want to do is setup your response object to look something like the below:

 res.send({name : "StackOverFlow", reason : "Need help!", redirect_path: "/user/me"}); 

And then in the function callback on your client (where you're making the fetch request), you'll want to pickup the value of response.redirect_path and pass it into a JS redirect method.

You could use something like: location.href = response.redirect_path

Example usage (on the client-side)

 fetch("http://yousite.com/endPoint") .then((resp) => resp.json()) // Transform the data into json .then(function(response) { if (response.redirect_path) { //optional check to see if a redirect path exists location.href = redirect_path; } }) }) 

Bear in mind, I'm assuming that the argument passed in your fetch response callback function is called 'response', if it is 'res' or something else, you'll have to adjust the code above accordingly.

Answer 2

You should send json response to client side and under success function of your ajax call use window.open(redirecturl)

Let me know if it didn't help