Javascript 生成自定义输出链接
我正在尝试制作一个应用程序,该应用程序应执行以下操作:Javascript 生成自定义输出链接,javascript,node.js,Javascript,Node.js,我正在尝试制作一个应用程序,该应用程序应执行以下操作: 步骤1)用户将输入输入到文本区域 步骤2)将该输入发布到服务器 步骤3)服务器正在处理该输入并生成输出 步骤4)服务器生成一个自定义url(…/output/output_ID),其中显示输出,并立即将用户重定向到该url 问题在于步骤4)。我使用原始javascript作为前端,使用nodejs和express作为后端 客户端: fetch('/postInput', { method : 'POST'
- 步骤1)用户将输入输入到文本区域
- 步骤2)将该输入发布到服务器
- 步骤3)服务器正在处理该输入并生成输出
- 步骤4)服务器生成一个自定义url(…/output/output_ID),其中显示输出,并立即将用户重定向到该url
fetch('/postInput', {
method : 'POST',
body : JSON.stringify({input : inputBox.value.toString()}),
headers: new Headers({ "Content-Type": "application/json" })
})
app.post('/postInput/', jsonParser, (req, res) => {
let inputText = req.body;
let output = processInput(inputText);
let outputID = generateOutputId();
// now the user should be redirected to the following link:
// /output/outputID
// the new url should show the output
});
服务器端:
fetch('/postInput', {
method : 'POST',
body : JSON.stringify({input : inputBox.value.toString()}),
headers: new Headers({ "Content-Type": "application/json" })
})
app.post('/postInput/', jsonParser, (req, res) => {
let inputText = req.body;
let output = processInput(inputText);
let outputID = generateOutputId();
// now the user should be redirected to the following link:
// /output/outputID
// the new url should show the output
});
根据您的“体系结构”,有两种可能的解决方案:
- 如果您使用一个好的旧提交按钮发布数据,那么您可以发送一个带有
状态和包含所需URL的302
标题的响应Location
- 如果使用带有
的Javascript发布数据,则必须使用以下Javascript行重定向:XMLHttpRequest
location='your URL'