Node中如何处理表单get请求

前言

对于这种表单提交的请求路径,由于其中具有用户动态填写的内容 所以你不可能通过判断 完整的 url路径来处理这个请求 结论:对于我们来讲,其实只需要判断,如果你的请求路径是/pinglun 的时候,那我就认为你提交表单的请求过来了。 那么如何这么做呢,我们通过下面一个案例来展示出来。

1.准备工作

首先生成需要有表单提交的简单项目(这里以留言板为例),文件目录展示如下:
在这里插入图片描述
视图的书写留言便页面:
在这里插入图片描述
设置表单中的action属性值和method属性值:

	<form action="/pinglun" method="get">

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)
            }
        }) 
    } else if (pathname === '/pinglun') {
        // 注意: 这个时候无论 /pinglun? xxx 之后是什么,我都不用担心了,因为我的 pathname 是不包含?之后的那个路径
        res.end(JSON.stringify(parseObj.query))   // 补充:JSON转字符串方法
        console.log(parseObj);
    } else {
        res.end('sorry 404')     
    }
}) 

这样以来,我们就可以收到表单的请求来设置其他操作,以及轻松拿到表单中的数据了。

该处使用的url网络请求的数据。


总结

提示:这里对文章进行总结:
例如:以上就是今天要讲的内容,本文仅仅简单介绍了pandas的使用,而pandas提供了大量能使我们快速便捷地处理数据的函数和方法。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值