nodejs参数的接收（post和get）

最新推荐文章于 2023-05-16 10:49:13 发布
最新推荐文章于 2023-05-16 10:49:13 发布
阅读量2k 收藏 1
点赞数
分类专栏： 【node.js基础】 文章标签： node.js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chehec2010/article/details/119982994
版权

get提交和接收：

routerhtml.js

var http=require('http');
var url=require('url');
var router=require('../module/tuwen.js');
http.createServer(function(request,response){

    if(request.url !== '/favicon.ico'){//清除第二次访问
        console.log('访问');
        var pathname=url.parse(request.url).pathname;
        pathname=pathname.replace(/\//,'');//替换前面/
        console.log(pathname)
        router[pathname](request,response);
        // response.end("");//不写会没有协议尾部，但是写了会访问俩次
    }
}).listen(8007);
console.log('Server running at http://127.0.0.1:8007/')

 tuwen.js

var optfile = require('../module/optfile.js');
var imgFile=require('../module/image.js');
var url=require('url');

module.exports={
    buny:function(req,res){
        //get方式接收参数
        var rdata = url.parse(req.url,true).query;
        console.log(rdata);
        if(rdata['login'] !=undefined){
            console.log("login:" + rdata['login']);
            console.log("pass:" + rdata['pass']);
        }
        
        //闭包，回调这个函数,客户端打印程序
        function recall(data){
            res.writeHead(200,{'Content-Type':'text/html;charset=utf-8'});
            res.write(data);
            res.end("");
        }
        optfile.readfile('../view/buny.html',recall)
    },
    showImg:function (req,res){
        res.writeHead(200,{'Content-Type':'image/jpeg'});
        imgFile.readImg('../imgs/vue.png',res);
    }
}

post提交参数：这里做修改

<form action="./buny" method="post">
var optfile = require('../module/optfile.js');
var imgFile=require('../module/image.js');
var url=require('url');
var querystring = require('querystring');//post导入
module.exports={
    buny:function(req,res){
        
        //post方式接收参数
        var post='';//定义一个post变量，用于暂存请求体信息
        req.on('data',function(chunk){//通过req的data时间监听函数，每当接收到请求体数据，就会存储到post变量中
            post += chunk;
        });
        req.on('end',function(){//在end事件触发后，通过querystring.parse将post解析为真正的post格式，然后向客户端返回
            post = querystring.parse(post);
            console.log('login:'+post['login']+'\n');
            console.log('pass:'+post['pass']+'\n');
            optfile.readfile('../view/buny.html',recall)
        });
        //闭包，回调这个函数,客户端打印程序
        function recall(data){
            res.writeHead(200,{'Content-Type':'text/html;charset=utf-8'});
            res.write(data);
            res.end("");
        }
        
    },
    showImg:function (req,res){
        res.writeHead(200,{'Content-Type':'image/jpeg'});
        imgFile.readImg('../imgs/vue.png',res);
    }
}

buny.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
喜欢你
<img src="/showImg"/>
<form action="./buny" method="get">
    <table>
        <tr>
            <td>用户名：</td>
            <td><input type="text" name="login"></td>
        </tr>
        <tr>
            <td>密码：</td>
            <td><input type="password" name="pass"></td>
        </tr>

        <tr>
            <td align="center"><input type="submit" value="登录"></td>
        </tr>
    </table>

</form>
</body>
</html>

 

月疯
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
node.js动态加载数据库数据响应到html页面
成在坚持，贵在坚持
04-22 3921
node.js响应html页面 // http.js // 开启监听，将请求处理放在luyou页面上 var http = require('http'); var luyou = require('./luyou') var server = http.createServer(); luyou.bind(server) server.listen(8090, function() { console.log('访问127.0.0.1:8090') }) //luyou.js // 将响应逻辑放
nodejs开发html,nodejs 简单实现动态HTML的方法_白泊_前端开发者
weixin_33572707的博客
06-10 1532
动态替换1.实现的功能及原理实现了将，用户表单的数据，与原理：通过正则表达式，替换replace(正则表达式，value)的方式替换掉原模板数据，并输出到客户端。2.主要用到的方法和模块2.1文件操作模块 var fs=require(“fs”);方法：2.1.1 异步读取文件的方法fs.readFile(path,callback);参数说明:path:文件的路径(包含文件名称)callback...
nodejs 开发网页（express框架）
Young_Gao的博客
11-16 3099
原文链接：https://www.cnblogs.com/zhongweiv/p/nodejs_express.html Express是一个轻量级、简洁、易用的Node.js Web MVC开发框架，它基于Node.js原有进行了很多Web开发所需的功能封装... 　　http://expressjs.com/ 　　https://www.npmjs.org/package/express...
node.js require 自动执行脚本 并生成html,用Webpack创建一个脚本并自动嵌入网页
weixin_39704374的博客
05-30 259
需要首先安装 nodejs1. 全局安装 Webpack我们希望能够在系统的任何文件夹中使用 Webpack，使用的方式是通过 Webpack 命令来完成的，这需要我们全局安装 Webpack。这也只需要安装一次，以后每个项目就不需要重新全局安装了。npm install webpack -g2. 在项目中安装 Webpack2.1 创建package.json配置文件npm init新创建的 p...
NodeJS收发GET和POST请求的示例代码
10-19
四、接收POST请求 处理POST请求需要监听数据流事件并解析POST数据： ```javascript const http = require('http'); const querystring = require('querystring'); const server = http.createServer((req, res) =>...
nodejs 使用http进行post或get请求的实例(携带cookie)
10-17
本文将详细介绍如何使用Node.js的HTTP模块进行POST和GET请求，并且在请求中携带Cookie。 首先，确保已经安装了`http`模块。如果尚未安装，可以通过以下命令进行安装： ```bash npm install http ``` 接下来，我们...
nodejs实现post和批量post发送请求的功能
06-29
该方法接收两个参数：`options`对象和`callback`函数。 1. **options对象**： - `hostname`：服务器的域名或IP地址。 - `port`：服务器端口，默认为80（HTTP）或443（HTTPS）。 - `method`：HTTP请求方法，如'...
通过NodeJS中的http.get() 和 http.request()模块两种方法，调用中国天气api
10-09
这里，我们使用`querystring`模块将POST数据转换为URL编码格式，并在`headers`对象中设置了`Content-Type`和`Content-Length`。然后，我们创建了一个请求对象`req`，并监听其`error`事件。在`req`上调用`write()`...
Node.js服务器配置(进阶三:获取post请求发送的数据)
m0_61303738的博客
11-07 2186
Node.js服务器接收post传参
nodejs+javascript+html制作的网页聊天工具
03-07
完整的网页聊天系统,包括用户注册\登录\广播聊天\上线下线提醒等功能,每一段代码都写了详细的注释,包括完整html网页,客户端和服务器. 测试方法:将nodejs拷贝至D盘根目录,双击start.bat进入服务器,打开浏览器,输入localhost,回车即可.或者打开cmd 至工程目录,输入node http.js也可以打开服务器. PS:nodejs确实代表了未来!
nodejs之get/post请求的几种方式小结
01-20
最近一段时间在学习前端向服务器发送数据和请求数据,下面总结了一下向服务器发送请求用get和post的几种不同请求方式： 1.用form表单的方法： (1)get方法 前端代码: <form action = /login method = GET> <label xss=removed>账号：</label> <input type = text name =username placeholder = 请输入账号 required> <br> <label xss=removed>密码：</label> <input type = pas
nodejs如何动态生成html页面,nodejs 简单实现动态html的方法
weixin_39622643的博客
06-05 2649
动态替换html内容1.实现的功能及原理实现了将，用户表单的数据，与html相结合，将用户输入的数据，显示到html对应的位置。原理：通过正则表达式，替换html中的模板数据 如用户名{name},可以通过拿到用户提交的name的值value，通过replace(正则表达式，value)的方式替换掉原模板数据，并输出到客户端。2.主要用到的方法和模块2.1文件操作模块 var fs=require...
node内置模块http如何接收post请求参数
听雨少年的博客
07-11 1672
post请求不同于get请求，请求内容在请求体中，那么如何获取请求体中的数据呢？ 在node的内置模块中，提供了一个 data 事件，客户端发起post请求，就会触发该事件。 // 引入http模块 const http = require('http') // 配置启动后服务器的端口号 const port = 8080; const server = http.createServer() // 监控请求事件 server.on('request', (request, response) =&gt
node.js 静态属性_如何使用静态站点和Node.js开发和部署第一个全栈式Web应用程序
08-20 464
node.js 静态属性This tutorial will show you how to convert a static website that uses HTML, CSS and JavaScript (JS) to a dynamic one using MongoDB, Express, Static HTML, CSS, JS, and Node.js. 本教程将向您展示如何使...
怎样在制作网页打开图片的时候同时还有音乐_怎么制作网页才是最合理的？
weixin_39828715的博客
11-23 222
无论是建设什么样的网站，都必须要重视网页设计，网页是一个网站的排面，只有网页设计好了才能够吸引更多的人，所以一定要重视网页设计的方式方法，其次就是需要了解制作网页的整个流程，这样才能够把网页设计的最完美，同时还需要注意网页设计的注意事项，避开雷区，才能让自己设计的网站得到更多人的喜欢和使用。那么，怎么制作网页才是合理的呢？来源 | 东谷互联一、制作网页的方法1、在怎么制作网页设计的时候可以选择利用...
node js 开发网站_使用Node JS开发网站
cumudi0723的博客
07-26 722
node js 开发网站You will have your own fully functional website running on "localhost" after going through this article. 阅读完本文后，您将在“ localhost”上运行自己的功能齐全的网站 。 Basic knowledge of JavaScript and HTML is a...
使用NodeJS爬取涉及到页面操作才会有数据的页面
最新发布
helloword_js的博客
05-16 477
Puppeteer提供了大量能使我们快速便捷地处理页面数据的API
Nodejs最简显示html静态页面
Demon's blog
03-14 740
Nodejs最简显示html静态页面。
nodejs怎么接收post请求参数
04-29
在 Node.js 中，可以使用内置的 `http` 模块来创建一个 HTTP 服务器，然后使用 `request` 事件来监听客户端的请求。当客户端发送 POST 请求时，请求数据通常会作为请求的主体体传递。因此，你需要使用 `data` 事件来监听请求主体。 以下是一个简单的示例代码，演示如何在 Node.js 中接收 POST 请求参数： ```javascript const http = require('http'); const server = http.createServer((req, res) => { if (req.method === 'POST') { let body = ''; req.on('data', chunk => { body += chunk.toString(); // 将数据流转换为字符串 }); req.on('end', () => { console.log(`Received body: ${body}`); res.end('OK'); }); } else { res.end('Hello World!'); } }); server.listen(8080, () => { console.log('Server listening on port 8080'); }); ``` 在上面的代码中，我们首先创建了一个 HTTP 服务器，并监听 `request` 事件。当客户端发送 POST 请求时，我们检查请求方法是否为 POST，并使用 `req.on('data', callback)` 方法来监听请求主体。每次接收到数据时，回调函数会被调用，我们将数据流转换为字符串，并拼接到 `body` 变量中。当请求主体传输完成时，`req.on('end', callback)` 方法会被调用，我们在回调函数中输出接收到的请求主体，并通过 `res.end` 方法返回响应。 当客户端发送 GET 请求时，我们直接返回一个 `Hello World!` 字符串作为响应。 注意，上面的代码仅仅演示了如何接收 POST 请求参数，并没有进行任何安全性检查和数据验证。在实际开发中，你需要对接收到的数据进行严格的验证和过滤，以防止安全漏洞和错误数据的出现。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值