在页面插入数据并重定向到旧页面时获取查询字符串值,可以通过以下步骤实现:
window.location.search
来获取完整的查询字符串,然后使用字符串处理方法解析出需要的参数值。下面是一个示例代码,演示如何在页面插入数据并重定向到旧页面时获取查询字符串值:
// 前端页面
<script>
// 获取查询字符串值
function getQueryStringValue(key) {
const urlParams = new URLSearchParams(window.location.search);
return urlParams.get(key);
}
// 示例:获取名为"param"的查询字符串值
const paramValue = getQueryStringValue("param");
// 将数据发送给后端
const data = { param: paramValue };
fetch("/api/insertData", {
method: "POST",
body: JSON.stringify(data),
headers: {
"Content-Type": "application/json",
},
})
.then((response) => response.json())
.then((result) => {
// 后端处理完成后进行页面重定向
window.location.href = "/oldPage";
});
</script>
// 后端处理(示例使用Node.js和Express框架)
const express = require("express");
const app = express();
// 处理POST请求,插入数据
app.post("/api/insertData", (req, res) => {
const paramValue = req.body.param;
// 根据业务逻辑进行数据处理,例如存储到数据库
// ...
res.json({ success: true });
});
app.listen(3000, () => {
console.log("Server is running on port 3000");
});
以上示例中,前端页面通过getQueryStringValue
函数获取查询字符串值,并将其作为参数发送给后端的/api/insertData
接口。后端接收到数据后进行处理,然后返回一个JSON响应。前端页面在接收到响应后进行页面重定向,将用户重定向到旧页面。
请注意,以上示例仅为演示目的,实际应用中需要根据具体情况进行适当的修改和完善。
领取专属 10元无门槛券
手把手带您无忧上云