node.js处理前端提交的GET请求资源-CSDN文库

72 浏览量 2021-01-01 23:51:41 上传评论收藏 75KB PDF 举报

资源推荐

资源详情

资源评论

node.js处理前端提交的处理前端提交的GET请求请求

前言：AJAX的盛行，使得浏览器与服务器之间的交互越来越强大，我们需要通过 HTTP 通信，并从中提取出请求的 URL 以

及 GET/POST 参数。随后需要根据这些数据来执行相应的操作，从而实现前后端交互。

一、获取一、获取GET请求流程请求流程

1、首先和以前一样，在server.js同目录下创建一个act文件夹，并在里面创建一个index1.html文件夹。index1.html代码为：

<body>

<a href="index2.html" style="display:block; width:500px; height:300px; background:pink;"></a>

<form method="get" action="/get" style="padding:20px;">

名字：<input type="text" name="name"/><br />

年龄：<input type="text" name="age" /><br />

<input type="submit" value="提交"/>

</form>

</body>

2、先上server.js代码

var http = require('http');

var path = require('path');

var fs = require('fs');

var url = require('url');

//路由

var routes = {

'/get':function(req,res){

res.setHeader("Content-Type","text/plain; charset=utf-8");

var name = req.query.name;

var age = req.query.age;

res.end('名字是：'+ name + ' 年龄是：'+age);

//res.end( JSON.stringify(req.query));

}

}

var server = http.createServer(function(req,res){

var pathObj = url.parse(req.url, true);

//新添加的处理路由的代码

var handleFn = routes[pathObj.pathname];

if(handleFn){

req.query = pathObj.query; //获取get方式提交的数据

handleFn(req, res);

}else{ //如果找不到字段,就查找静态文件

var staticPath = path.join(__dirname,'act');

var filePath = path.join(staticPath,pathObj.pathname);

fs.readFile(filePath,'binary',function(err,fileContent){

if(err){

res.writeHead(404,"Not Found");

res.end('<h1>404 Not Found!</h1>')

}else{

res.writeHead(200,'ok');

res.write(fileContent,'binary');

res.end();

}

});

}

});

server.listen(8080);

console.log('服务器已打开, 可以运行 http://localhost:8080');

解析代码 : 如果看过我前面写的”搭建静态服务器”的朋友应该就知道了，新增的代码就这几行。这样就简单了。

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余1页未读，立即下载

内容反馈

weixin_38660058

粉丝: 5
资源: 920

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈

feedback-tip