Javascript 说明如何通过不同端点重新定向json数据

Javascript 说明如何通过不同端点重新定向json数据,javascript,express,Javascript,Express,我对使用express非常陌生,这里关于StackOverflow的回答非常混乱。我拥有的是使用app.get()检索的JSON数据。我想要的是修改此数据并将其发送到index.html文件。我知道我可以简单地使用fetch函数从get端点获取索引文件中的数据,但我需要同时使用app.post()和app.put()函数 我很难理解你的问题 下面是一个示例代码,它使用axios和普通javascript从后端获取一些数据,然后在前端修改数据。您可以将axios替换为fetch,它仍然可以工作 a

我对使用express非常陌生,这里关于StackOverflow的回答非常混乱。我拥有的是使用app.get()检索的JSON数据。我想要的是修改此数据并将其发送到index.html文件。我知道我可以简单地使用fetch函数从get端点获取索引文件中的数据,但我需要同时使用app.post()和app.put()函数

我很难理解你的问题

下面是一个示例代码,它使用axios和普通javascript从后端获取一些数据,然后在前端修改数据。您可以将axios替换为fetch,它仍然可以工作

app.js

const express=require(“express”);
const bodyParser=require(“body parser”);
常数端口=8000;
常量app=express();
/*模拟数据,更好的方法是使用MySQL之类的存储*/
让数据={
名称:“埃隆麝香”,
年龄:"48岁",,
高度:“1.88米”
};
应用程序使用(快速静态(“公共”);
/*需要主体解析器,以便服务器可以解析发送的数据*/
use(bodyParser.json());
use(bodyParser.urlencoded({extended:true}));
/*获取数据*/
app.get(“/api/mydata”),函数(req,res){
返回res.json(数据);
});
/*客户机将在此处发布数据*/
app.post(“/api/newdata”),函数(req,res){
data.name=req.body.name;
data.age=req.body.age;
返回res.json(“OK!”);
});
app.listen(端口,函数(){
console.log(“监听8000”);
});
public/index.html


文件
改变价值观!
addEventListener(“加载”,函数(){
get(“/api/mydata”).then(函数(res){
document.getElementById(“name”).value=res.data.name;
document.getElementById(“age”).value=res.data.age;
})
});
document.getElementById(“setValues”).addEventListener(“单击”,函数(){
axios.post(“/api/newdata”,{
名称:document.getElementById(“名称”).value,
年龄:document.getElementById(“年龄”).value
}).然后(功能(res){
console.log(“已发送!”);
})
})

如果你有任何问题,请告诉我

所以你用get获取数据,修改它,然后用post发回,对吗?到底是什么问题?