ajax 调用node,nodejs写api给前端调用。

nodejs 实现 Web api。流程：

1.npm init 生成package.json文件

2. 安装依赖

npm install express –save

npm install body-parser –save

3.新建app.js

4.新建index.html

服务器端代码(app.js)：

var express=require('express');

var app =express();

var bodyParser = require('body-parser');

//引用bodyParser 这个不要忘了写

app.use(bodyParser.json()); // for parsing application/json

app.use(bodyParser.urlencoded({ extended: true })); // for parsing application/x-www-form-urlencoded

//设置跨域访问

app.all('*', function(req, res, next) {

res.header("Access-Control-Allow-Origin", "*");

res.header("Access-Control-Allow-Headers", "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");

next();

});

var questions=[

{

data:213,

num:444,

age:12

},

{

data:456,

num:678,

age:13

}];

//写个接口123

app.get('/123',function(req,res){

res.status(200),

res.json(questions)

});

app.post('/wdltest',function(req,res){

console.log(req.stack);

console.log(req.body);

console.log(req.url);

console.log(req.query);

res.json(req.body)

})

//配置服务端口

var server = app.listen(3001, function () {

var host = server.address().address;

var port = server.address().port;

console.log('Example app listening at http://%s:%s', host, port);

})

前端代码(index.html)：

&lt!DOCTYPE html>

&lthtml lang="en">

&lthead>

&ltmeta charset="UTF-8">

&ltmeta name="viewport" content="width=device-width, initial-scale=1.0">

&ltmeta http-equiv="X-UA-Compatible" content="ie=edge">

&lttitle>Document&lt/title>

&ltscript src="http://code.jquery.com/jquery-2.1.4.min.js">&lt/script>

&lt/head>

&ltbody>

&ltscript>

$(function(){

console.log(1);

//get请求

$.ajax({

type:'get',

url:'http://localhost:3001/123',

success:function(data){

console.log(data);

},

error:function(err){

console.log(err)

}

})

//post请求

$.ajax({

type:'post',

url:'http://localhost:3001/wdltest',

data:{name:'wdl',pass:'123'},

success:function(data){

console.log(data);

},

error:function(err){

console.log(err)

}

})

})

&lt/script>

&lt/body>

&lt/html>

JS代码混淆加密，就用JShaman(http://www.jshaman.com/)。