开发nodejs服务器-服务器接受form标签上传的数据

2022-10-03 08:47:11

用nodejs搭建服务器

  • 安装nodejs ，搭建nodejs环境
    nodejs
  • 自己新建一个文件夹node_form，用于存放此处实验的代码；此文件里面新建index.js文件；并且在此文件夹中打开命令行，输入以下命令，初始化项目。
npm init-y
  • 在index.js写入以下代码
var http=require('http')//引入nodejs中http模块var fs=require('fs')//引入nodejs中fs模块 也就是文件模块var url=require('url')//引入nodejs中url模块 引入此模块可以方便操作处理客户端的urlvar server= http.createServer()//创建服务

server.on('request',function(req,res){//请求//处理接受的url(因为<form>标签上传的数据是通过url传上来的)var parseObj= url.parse(req.url,true)var pathname= parseObj.pathname//得到路由if(pathname==='/'){
        fs.readFile('./index.html',function(err,data){if(err){//发生错误
                console.log('false')
                res.end('false')}else{
                console.log('true')
                res.setHeader('Content-Type','text/html;charset=utf-8')//确认data的呈现格式
                res.end(data)//把data发送给浏览器 /}})}elseif(pathname==='/form'){var Obj= parseObj.query//接收的对象信息
        console.log(Obj)//输出对象信息}})//设置服务器端口4000
server.listen(4000,function(){ 
    console.log('server success，http://localhost:4000/')})
  • 简单的nodejs服务器搭建好了

运行服务器

  • 在node_form文件里面新建index.html文件。
  • 在index.html写入以下代码
<!DOCTYPE html><html><head><metacharset='utf-8'><title>Web</title></head><body><formaction="/form"method="GET"><!--action就是把数据发送给 /from 路由--><!--在文本框中必须填写name属性值，因为文本框填入的数据就是name属性的值，然后通过发送对象，发送给 /from 路由--><inputname="input"type="text"value=""id=""/><br/><textareaname="textarea"id=""cols="22"rows="10"></textarea><button> 按钮</button></form></body></html>
  • 运行服务器
node index.js
  • 最后在html中输入，然后点击按钮，即可在命令窗口看到自己所输入的数据对象

项目结构如下：

|--- node_form   //文件夹
| |--- index.html  //网页 
| |--- index.js //主文件
| |--- package.json
  • 作者：KjPrime
  • 原文链接：https://blog.csdn.net/qq_45019494/article/details/106544483
    更新时间：2022-10-03 08:47:11