1. 程式人生 > >Express全系列教程之(三):get傳參

Express全系列教程之(三):get傳參

listen mit for 發送 query 系列教程 系列 真的 bsp

一、關於get請求

一般在網站開發中,get都用作數據獲取和查詢,類似於數據庫中的查詢操作,當服務器解析前臺資源後即傳輸相應內容;而查詢字符串是在URL上進行的,形如:

http://localhost:8080/login?goods1=0001&goods2=0002

有關 GET 請求的其他一些註釋:
GET 請求可被緩存
GET 請求保留在瀏覽器歷史記錄中
GET 請求可被收藏為書簽
GET 請求不應在處理敏感數據時使用
GET 請求有長度限制
GET 請求只應當用於取回數據

二、獲取前臺get請求

  通過req.query可以獲得用戶發送的get請求,之後通過node操作將相應數據返回給用戶。

  如果發送的是:

http://localhost:8080/login?goods1=0001&goods2=0002

  響應的話則通過:

req.query

  他會獲取到全部數據,或

req.query.goods1
req.query.goods2

  來單獨或去每一個數據。總之不同的需求對應不同的業務,大家按自己的需要來獲取;

三、實例

下面通過一個實例來對獲取get參數進行一個總結:

html:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<form action="http://localhost:8080/login" method="get">
			用戶:
			<input type="text" name="user" id="user" placeholder="用戶名"/>
			<br>
			密碼:
			<input type="password" name="password" id="password" placeholder="密碼"/>
			<br>
			<input type="submit" value="提交"/>
		</form>
	</body>
</html>

app.js:

const express = require("express");
var app = express();

app.get("/",function(req,res){
	res.send("主頁");
});

app.get("/login",function(req,res){
	console.log(req.query);
	res.send("登錄路由,user為:"+req.query.user+"==>   password為:"+req.query.password);
});

app.listen(8080);

  技術分享圖片

當在html頁面中輸入用戶和密碼提交後:

技術分享圖片

就能得到想要的傳輸數據;
總之,雖然獲取get參數並不復雜,但使用頻率卻相當的高,對於任何技術我們都應該秉持認真的態度去了解和學習它。

Express全系列教程之(三):get傳參