Node中如何处理表单get请求


首先生成需要有表单提交的简单项目(这里以留言板为例),文件目录展示如下:

在这里插入图片描述

视图的书写留言便页面:

在这里插入图片描述

设置表单中的action属性值和method属性值:

2.引入模块


接下来我们需要引入url核心模块:

let url = require(‘url’)

然后我们调用url.parse()方法将路径解析为一个方便操作的对象,第二个参数为true表示直接将查询字符串转为一个对象(通过query属性来访问)

为了方便理解,我们打印出url.parse()的返回值来看看它返回对象的内容:

let url = require(‘url’)

let parseObj = url.parse(‘http://127.0.0.1:3000/pinglun?yourname=%E5%AD%99%E6%82%9F%E7%A9%BA&massage=%E6%88%91%E4%BC%9A%E4%B8%83%E5%8D%81%E4%BA%8C%E5%8F%98++++++++++++’,true)

console.log(parseObj)

返回结果如下:

Url {

protocol: null,

slashes: null,

auth: null,

host: null,

port: null,

hostname: null,

hash: null,

search: ‘?yourname=%E5%AD%99%E6%82%9F%E7%A9%BA&massage=%E6%88%91%E4%BC%9A%E4%B8%83%E5%8D%81%E4%BA%8C%E5%8F%98++++++++++++’,

query: [Object: null prototype] {

yourname: ‘孙悟空’,

massage: '我会七十二变 ’

},

pathname: ‘/pinglun’,

path: ‘/pinglun?yourname=%E5%AD%99%E6%82%9F%E7%A9%BA&massage=%E6%88%91%E4%BC%9A%E4%B8%83%E5%8D%81%E4%BA%8C%E5%8F%98++++++++++++’,

href: ‘/pinglun?yourname=%E5%AD%99%E6%82%9F%E7%A9%BA&massage=%E6%88%91%E4%BC%9A%E4%B8%83%E5%8D%81%E4%BA%8C%E5%8F%98++++++++++++’

}

从上面可以看出,运用url.parse()这个方法,它可以返回一个方便我们操作的对象,

我们需要注意这个对象中以下个属性:

  • query(拿到查询字符换,并且以JSON格式展示,这都归功于那个“true”)

  • pathname(拿到除了查询字符串的url)

3.添加服务器url


我们先简单在留言板上随意输入一些信息

在这里插入图片描述

点击提交按钮

接着我们在服务器中通过url核心模块设置路径:

let http = require(‘http’)

let fs = require(‘fs’)

let url = require(‘url’)

let server = http.createServer()

server.listen(3000,function(){

console.log(‘server is running’);

})

server.on(‘request’,function(req,res){

let parseObj = url.parse(req.url,true)

// let url = req.url 不再使用未加工过的url(含有查询字符串)

//单独获取不包含查询字符串的url部分

let pathname = parseObj.pathname

if(pathname === ‘/’) {

fs.readFile(‘./views/index.html’,function(err,data) {

if(err) {

res.end(‘not found’)

} else {

res.end(data)

}

})

} else if (pathname.indexOf(‘/public/’) === 0) { //把之前所有的url替换为pathname

fs.readFile(‘.’ + pathname,function(err,data){

if(err) {

res.end(‘404 Not Found’)

} else {

res.end(data)

}

})

} else if (pathname === ‘/board.html’) {

fs.readFile(‘./views/board.html’,function(err,data){

if(err) {

res.end(‘404 Not Found’)

} else {

res.end(data)

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值