2017-06-29 47 views
0

我想使用JavaScript提取将数据发布到Node.js后端。我在angular 2函数中使用javascript方面的获取。 以我前端我有按钮将数据保存到数组:Node.js后端接收javascript提取

<input #data /><button (click)="addGoal(data.value)">Add</button> 
<ul><li *ngFor="let goal of goals">{{goal}}</li></ul> 

<br/><button (click)="saveData()">Save</button> 

角2侧I添加数据到阵列的目标和从前端调用角2功能addGoal:

export class AppComponent { 
    title = 'Goals'; 
    goals = []; 

    addGoal(goal:string) { 
    this.goals.push(goal); 

    } 
    saveData() { 
    fetch("http://localhost:3000/", { 
     method: "POST", 
     mode:"no-cors", 
     body: {goals: this.goals}, 
    }); 
    } 
} 

我想将数据发送到后端以稍后将其保存到数据库。 Node.js端:

var data = {}; 
app.post('/',function (req,res) { 
    data = req.body; 
}) 
app.get('/', function (req, res) { 

    res.send(data); 
}) 

但是,这是不正确的解决方案。你可以帮我吗?

编辑: Body.fetch函数(https://developer.mozilla.org/en-US/docs/Web/API/Body)似乎没有工作。

+1

什么错误让你觉得这不起作用? – Graham

+0

我无法查看请求身份 –

+2

请考虑编辑您的问题以提供两个请求的完整详细信息。 – Graham

回答

0

如果您使用快递,您需要use中间件body-parser。如果您正在处理html5 FormData/multiplart formdata,则需要multer

相关问题