ng2 与 node expree get 与post 数据

最近在学习ng2，node.js等。 redis 数据库

实现angular 与 node 后台数据交互

搭建的环节为

1、ng2 本地服务 http://127.0.0.1:4200

2、node.js express 后台服务 为：http://127.0.0.3000 （数据库使用redis,）

 

在ng2 通过 http请求调用 node后台服务数据 (会遇到同源策略问题 )

在node服务的 app.js 中 把同源策略问题解决

app.all('*', function(req, res, next) {
    res.header("Access-Control-Allow-Origin", "http://127.0.0.1:4200");
    res.header("Access-Control-Allow-Headers",  "Content-Type");// "X-Requested-With");
    res.header("Access-Control-Allow-Methods","PUT,POST,GET,DELETE,OPTIONS");
    res.header("X-Powered-By",' 3.2.1')
    res.header("Content-Type",  "application/json;charset=utf-8" );// "application/json;charset=utf-8");  //text/html;charset=utf-8
    next();
});

 ng2 请求 get 请求

   getUsers():Observable < User[] > {
        return this.http.get(this.userListUrl)
        		.map(this.extractData)
        		.catch(this.handleError);
              // .catch(this.handleError);
    }

 node接受处理 ,（redis是非堵塞方式，在后台改成同步方式处理数据）

router.get('/getUserList', function(req, res, next) {
   // res.writeHead(200,{'Content-Type':'text/html;charset=utf-8'});
    co(function *() {
        try{
            var list = [];
          
            /* if(sn=="")
            {*/
            var keys=yield findKey2("users*");
            console.log(keys);
            for(var j in keys)
            {
                console.log(keys[j]);
               var getValues= yield hGetAll2(keys[j]);
                list.push(getValues);
                console.log(getValues.name);
            }
           // res.writeHead(200,{'Content-Type':'text/html;charset=utf-8'});
            res.json({"data": list});
            //res.render('start/devcontrol', { title: '测试redis' ,'user':msg });
        }
        catch (e) {
            console.log(e)
        }
    }),(function(err,d){console.log(err)});
});

２、post    数据 按照{ 'Content-Type': 'application/json' }

ng2 请求 提交{id:id, name:name } 对象

  create(id:number,name: string): Observable<User> {
        let headers = new Headers({ 'Content-Type': 'application/json' });
        let options = new RequestOptions({ headers: headers });
      return this.http.post(this.userSaveUrl,  JSON.stringify({id:id, name:name }) ,options)
                            .map(this.extractData)
                            .catch(this.handleError)
    
      }

 

node 接受处理   bodyParms=req.body; 等保存成功之后 再返回到ng2

router.post('/saveUser', function(req, res, next) {
    co(function *() {
        try{
            var list = [],newUser={};

            var bodyParms=req.body;
            console.log(req.body);
            console.log(req.query);
            console.log(req.params);
                   var key="users"+bodyParms.id;
            
            newUser.id=bodyParms.id;
            newUser.name=bodyParms.name;
              console.log(newUser);
            for(var j in newUser){
                var x = yield hsetkey2(key,j,newUser[j]);
            }
            var getValues= yield hGetAll2(key);
            res.json({"data": getValues});
        
        }
        catch (e) {
            console.log(e)
        }
    }),(function(err,d){console.log(err)});
});

 

继续学习中.....