本文摘自PHP中文网,作者青灯夜游,侵删。
本篇文章给大家介绍一下Node.js实现简单的GET请求的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。
【推荐学习:《nodejs 教程》】
GET请求的识别非常的简单,就是URL的识别,使用的是url.parse(req.url,true).query
先来看一下目录

public 下的index.html文件
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 | <!DOCTYPE html>
<html>
<head>
<meta charset= "UTF-8" >
<meta name= "viewport" content= "width=device-width, initial-scale=1.0" >
<meta http-equiv= "X-UA-Compatible" content= "ie=edge" >
<title>Document</title>
</head>
<body>
<div>
<span>姓名:</span><input type= "text" name= "name" value= "" >
</div>
<div>
<span>年龄:</span><input type= "text" name= "age" value= "" >
</div>
<div>
<span>性别:</span> <span>男</span><input type= "radio" name= "sex" value= "男" >
<span>女</span><input type= "radio" name= "sex" value= "女" >
</div>
<div>
<button id= "btn" >发送GET请求</button>
</div>
<script type= "text/javascript" src= "./jquery.js" ></script>
<script>
$( '#btn' ).click(() => {
var name = $( 'input[name=name]' ).val();
var age = $( 'input[name=age]' ).val();
var sex = $( 'input[name=sex]:checked' ).val();
$.get( '/addStudent' ,{
name,
age,
sex
},(data) => {
if (data == 'ok' ){
alert( '恭喜,添加成功!' );
} else {
alert( '对不起,服务器错误' );
}
})
})
</script>
</body>
</html>
|
package.json文件
安装了这两个依赖(先执行这两条命令)
npm install finalhandler --save
npm install serve-static --save
然后自动生成下面的这个package.json文件
1 2 3 4 5 6 | {
"dependencies" : {
"finalhandler" : "^1.1.1" ,
"serve-static" : "^1.13.2"
}
}
|
最重要的get.js
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 | var finalhandler = require( 'finalhandler' )
var serveStatic = require( 'serve-static' )
var http = require( 'http' )
var url = require( 'url' )
var fs = require( 'fs' )
var serve = serveStatic( 'public' , { 'index' : [ 'index.html' , 'index.htm' ]})
var server = http.createServer( function onRequest (req, res) {
var pathname = url.parse(req.url).pathname;
if (pathname == '/addStudent' ){
var queryJSON = url.parse(req.url, true ).query;
var data = `姓名:${queryJSON.name}\r\n年龄:${queryJSON.age}\r\n性别:${queryJSON.sex}\r\n`;
fs.writeFile(`./student_data/${queryJSON.name}.txt`,data,(err) => {
if (err){
res.end( 'cuowu' );
} else {
res.end( 'ok' );
}
})
return ;
}
serve(req, res, finalhandler(req, res))
})
server.listen(3000)
|
最后一步,打开你的终端,找到get.js所在的目录然后
这个小项目就会跑在你的3000端口
阅读剩余部分
相关阅读 >>
mac下更新node.js到最新版
浅谈node.js中es6导入语法的使用方法
javascript中promise.all和promise.race方法的介绍(附代码)
export和export default中的知识点介绍(附示例)
聊聊node.js中json格式和excel格式的双向转换
浅谈node.js中require()的工作原理
了解node.js中的模块系统
javascript在nodejs环境下执行机制和事件循环
node.js真的单线程吗?进程间如何通信?
深入浅析node.js 中的多线程和多进程
更多相关阅读请进入《node.js》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » Nodejs如何实现简单的GET请求