1. 程式人生 > 其它 >Express全系列教程之(三):獲取get引數

Express全系列教程之(三):獲取get引數

技術標籤:web前端

一、關於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引數並不複雜,但使用頻率卻相當的高,對於任何技術我們都應該秉持認真的態度去了解和學習它.