`

Express Get和Post获取参数

 
阅读更多

原创转载请注明出处:http://agilestyle.iteye.com/blog/2354503

 

Project Directory

 

npm install express


 

npm install body-parser

Note:post提交需要这个body-parser来获取参数 

 

index.html

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>express get & post</title>
</head>
<body>
	<form action="/testget" method="get">
		<label for="username">username:</label><input type="text" name="username"><br>
		<label for="password">password:</label><input type="password" name="password"><br>
		<input type="submit" value="test-get">
	</form>

	<hr>

	<form action="/testpost" method="post">
		<label for="username">username:</label><input type="text" name="username"><br>
		<label for="password">password:</label><input type="password" name="password"><br>
		<input type="submit" value="test-post">
	</form>
</body>
</html>

 

index.js

var express = require('express');
var bodyParser = require('body-parser');
var app = express();

var urlencodedParser = bodyParser.urlencoded({
	extended: false
});

app.use(bodyParser.urlencoded({
	extended: false
}));

app.get('/', function(req, res) {
	res.sendFile(__dirname + "/index.html");
});

app.get('/testget', function(req, res) {
	// http://localhost:8888/testget?username=hello&password=world
	var username = req.query.username;
	var password = req.query.password;

	console.log(username);
	console.log(password);

	res.send('Hello Get');
});

app.post('/testpost', function(req, res) {
	// http://localhost:8888/testpost
	var username = req.body.username;
	var password = req.body.password;

	console.log(username);
	console.log(password);

	res.send('Hello Post');
});

app.listen(8888, function() {
	console.log('listening on port 8888');
});

 

Run

test-get,username:hello, password:world

查看Browser


 

查看Console


 

test-post,username:sky, password:funny

查看Browser 


查看Console


 

 

 

 

  • 大小: 8.3 KB
  • 大小: 44.9 KB
  • 大小: 26.1 KB
  • 大小: 17.1 KB
  • 大小: 11.6 KB
  • 大小: 16.7 KB
  • 大小: 17 KB
  • 大小: 9.5 KB
  • 大小: 22.8 KB
分享到:
评论

相关推荐

    Express获取get和post传过来的参数

    q=someKeyword`来发送GET请求,我们可以在处理器函数中这样获取参数: ```javascript app.get('/search', (req, res) =&gt; { const query = req.query.q; console.log('Search keyword:', query); // ...处理搜索...

    Express请求处理-GET和POST请求参数的获取示例代码.zip

    Express请求处理-GET和POST请求参数的获取示例代码;Express请求处理-GET和POST请求参数的获取示例代码

    express post使用

    // 获取POST请求的参数 const data = req.body; // 处理数据(这里仅作为示例) console.log('Received:', data); // 返回成功响应 res.json({ message: 'Data received successfully' }); }); // 启动...

    Express之get,pos请求参数的获取

    本文将深入探讨如何在Express中获取GET和POST请求的参数。理解这些基础知识对于构建基于Express的Web应用程序至关重要。 首先,我们来看GET请求参数的获取。GET请求通常用于从服务器获取数据,其参数通过URL查询...

    07-express-getpost

    Express的GET和POST方法是构建RESTful API的核心部分。GET用于读取数据,而POST用于创建新数据。利用中间件,我们可以方便地处理请求、解析请求体、处理错误,并构建高效、可维护的Node.js应用程序。通过熟练掌握...

    基于express中路由规则及获取请求参数的方法

    总结来说,Express的路由规则和参数获取是通过`app.get()`和`app.post()`方法定义的,而`req.query`、`req.body`、`req.params`以及`req.param()`则是获取不同来源参数的主要手段。理解并熟练运用这些工具,可以帮助...

    获取request的参数

    对于Node.js的Express框架,我们可以使用`req.query`和`req.body`来访问GET和POST参数: ```javascript const express = require('express'); const app = express(); app.use(express.urlencoded({ extended: ...

    NodeJs 封装静态WEB服务、 路由、EJS模板引擎、GET、POST2

    在本课程中,我们将深入探讨Node.js中关于封装静态Web服务、路由、EJS模板引擎以及GET和...同时,GET和POST请求的处理是与服务器交互的基础,确保了数据的获取和提交。继续学习和实践,你将在Node.js开发领域更进一步。

    Express框架.docx

    Express 框架提供了方便简洁的路由定义方式,开发者可以使用 app.get()、app.post() 等方法来定义路由。 2.2 获取 HTTP 请求参数 Express 框架对获取 HTTP 请求参数进行了简化处理,开发者可以使用 req.query 等...

    Reacjs-Express-Nodejs-GET-POST

    通过学习这个项目,开发者可以掌握如何将React与Express、Node.js协同工作,构建完整的前后端交互应用,理解如何处理GET和POST请求,以及如何在JavaScript环境中实现数据的获取和提交。 总之,"Reacjs-Express-...

    07Nodejs WEB服务器 静态文件托管、 GET POST路由 EJS模板引擎2

    例如,可以使用 GET 方法来获取客户端的请求参数,并将其用于数据库查询。也可以使用 POST 方法来提交客户端的数据,并将其保存到数据库中。 NodeJs 中获取 GET 传值可以使用 url 模块的 parse 方法来解析 URL,并...

    07Nodejs WEB服务器 静态文件托管、 GET POST路由 EJS模板引擎1

    在Node.js中,你可以通过解析`req.url`来获取GET请求的参数,而POST请求的数据则需要监听`data`和`end`事件,累积接收到的数据块,并在所有数据接收完毕后解析成JSON或其他格式。 总结起来,本课程涵盖了Node.js...

    nodejs之koa2请求示例(GET,POST)

    Koa2没有封装直接获取POST请求参数的方法,因此需要通过监听原生的req对象的data和end事件来获取POST请求的原始数据。文章中展示了如何通过自定义函数来解析POST请求体中的数据,并在Koa2中设置路由来处理POST请求。...

    expressJS-get_parameter:了解如何从 URL、POST 获取参数

    在Express.js,一个基于Node.js的web应用框架中,获取URL和POST请求中的参数是开发web服务的关键步骤。本文将详细讲解如何从URL路径、查询字符串以及POST请求体中提取参数,帮助你深入理解Express.js的请求处理机制...

    web-day-72-node-express-get-api-post-api-postman

    在本课程中,我们将深入探讨如何使用Node.js的Express框架构建Web API,特别是GET和POST API,以及如何使用Postman工具进行测试。Express是Node.js中最受欢迎的Web应用框架,它简化了创建HTTP服务器和处理路由的过程...

    Express新建工程以及新建路由规则、匹配路由规则、控制权转移示例代码.rar

    本示例代码着重于如何创建一个新的Express工程,以及如何设置和操作路由规则,实现控制权转移。 首先,让我们了解如何**新建一个Express工程**。在你的开发环境中,确保已经安装了Node.js和npm(Node包管理器)。...

    node+express完成许愿墙小项目

    例如`index.js`,在这个文件中,定义处理GET请求(获取愿望列表)和POST请求(添加新愿望)的方法。 以上就是使用Node.js和Express构建许愿墙项目的主要技术点,涵盖了从项目初始化、路由设定、数据库操作到错误...

    Servlet获取AJAX POST请求中参数以form data和request payload形式传输的方法

    本篇文章主要探讨如何在Servlet中处理AJAX POST请求,特别是当请求参数以`form data`和`request payload`两种不同形式传递时。 首先,理解HTTP请求的基本结构。GET请求的参数通常附加在URL后面,而POST请求的参数...

Global site tag (gtag.js) - Google Analytics