Angular2：如何在发出请求时从客户端向服务器发送数据

let headers: Headers = new Headers();
headers.append('Content-Type','application/json');
let opts: RequestOptions = new RequestOptions();
opts.headers = headers;
this.http.post(
    'http://localhost:3000/addStudent',JSON.stringify(obj),opts
).subscribe((res: Response) => {
    console.log(res.json())
    setTimeout(() => {
        this.students = res.json();
    },3000)
})

app.post('/addStudent',function(req,res) {
var newStudent = new StudentModel(req.body);
console.log(req.body);
newStudent.save();
StudentModel.find(function(err,data) {
   if(err) res.send(err) 
   else res.json(data)
})

那么你的问题与HTTP有关,即从客户端和服务器端交换数据.
所以首先你需要在index.html文件中添加http文件,如下所示：

<script src="node_modules/angular2/bundles/http.dev.js"></script>

并且您必须添加HTTP_PROVIDERS,无论是在引导程序的绑定还是在提供程序列表中.

所以现在来到RequestOptions,Headers等首先根据需要从这里导入这些……

import {Http,Response,RequestOptions,Headers,Request,RequestMethod} from 'angular2/http';

标题的作用：

基本上Header用于附加Content-Type或某种机密数据,如用户名,密码,我们要发送给服务器.
我们也有身体部分,也用于向服务器发送数据.例如：

this.headers = new Headers();
    this.headers.append("Content-Type",'application/json');
    this.headers.append("Authorization",'confidential data or   
    something like that')

RequestOptions：

基本上RequestOptions是一些属性的集合,如方法(GET,POST,PUT ….),url或json文件的路径等,标题
???身体部位等等.我们可以根据需要添加不同的optipon.例如,这里是使用RequestOptions的示例.

this.requestoptions = new RequestOptions({
                method: RequestMethod.Post,url: "url path....",headers: this.headers,body: JSON.stringify(data)
            });

这是我找到的一些最好的教程.希望这可以帮助你.

@Pardeep.

http://www.syntaxsuccess.com/viewarticle/angular-2.0-and-http

https://auth0.com/blog/2015/10/15/angular-2-series-part-3-using-http/

https://angular.io/docs/js/latest/api/http/Request-class.html