测试Ajax的Nodejs服务端代码

由于使用Ajax必须要有一个服务端来接收消息&＃xff0c;为了方便我使用Nodejs来搭建服务端。同时&＃xff0c;为了兼顾实践跨域的方法&＃xff0c;我在这里搭建了两个服务端。其中&＃xff0c;一个服务端用来响应Ajax请求&＃xff0c;另外一个服务端用作加载页面。这样就产生了跨域的问题&＃xff0c;我采用的是cors的解决方案&＃xff0c;具体的实现&＃xff0c;请看sever1的代码。

1. 安装nodejs&＃xff0c;可以参看我的这篇教程
2. 选择koa2作为服务端
3. 安装模块&＃xff1a;koa&＃xff0c;koa-router&＃xff0c;koa2-cors&＃xff0c;koa-bodyparser&＃xff0c;koa-art-template&＃xff0c;path

var Koa &＃61; require(&＃39;koa&＃39;);
var Router &＃61; require(&＃39;koa-router&＃39;);
var cors &＃61; require(&＃39;koa2-cors&＃39;);
var bodyParser &＃61; require(&＃39;koa-bodyparser&＃39;);
var app &＃61; new Koa();
var router &＃61; new Router();//下面的代码必须写在设置路由的前面
app.use(cors({origin: function (ctx) {return &＃39;http://127.0.0.1:4000&＃39;;},exposeHeaders: [&＃39;WWW-Authenticate&＃39;, &＃39;Server-Authorization&＃39;],maxAge: 5,credentials: true,allowMethods: [&＃39;GET&＃39;, &＃39;POST&＃39;, &＃39;DELETE&＃39;],allowHeaders: [&＃39;Content-Type&＃39;, &＃39;Authorization&＃39;, &＃39;Accept&＃39;],
}));
//配置post提交数据的中间件
app.use(bodyParser());//处理get请求
router.get(&＃39;/get&＃39;, async function(ctx){ctx.status&＃61;200;ctx.body&＃61;{message: "我是"&＃43;ctx.request.header.host&＃43;"&＃xff0c;我收到了你的get请求&＃xff01;&＃xff01;&＃xff01;"};
});//处理post请求
router.post(&＃39;/post&＃39;, async function(ctx){ctx.status&＃61;200;ctx.body &＃61; { message: "我是" &＃43; ctx.request.header.host &＃43; "&＃xff0c;你告诉我这是一个" &＃43; ctx.request.body[&＃39;name&＃39;]&＃43;"!!!"}
});app.use(router.routes()).use(router.allowedMethods())app.listen(3000);
server2.js

var Koa &＃61; require(&＃39;koa&＃39;);
var Router &＃61; require(&＃39;koa-router&＃39;);
var render &＃61; require(&＃39;koa-art-template&＃39;);
var path &＃61; require(&＃39;path&＃39;);var app &＃61; new Koa();
var router &＃61; new Router();router.get(&＃39;/index.html&＃39;, async function (ctx) {await ctx.render(&＃39;server2.html&＃39;);
});//配置模板引擎
render(app, {root: path.join(__dirname, &＃39;views&＃39;),extname: &＃39;.html&＃39;,debug: process.env.NODE_ENV !&＃61;&＃61; &＃39;production&＃39;,
});app.use(router.routes()).use(router.allowedMethods());
app.listen(4000);

 我在把html文件存放的路径设置为./views