HTML表單如何和服務(wù)器交互

最近突然對(duì)這個(gè)話題比較感興趣,就想寫一寫,就當(dāng)作是學(xué)習(xí)筆記了凰兑。

經(jīng)過(guò)搜索發(fā)現(xiàn)總共有兩種方式,一種是GET审丘,一種是POST吏够。

POST請(qǐng)求

1.瀏覽器端代碼
<form action="welcome.php" method="post">
Name: <input type="text" name="name">
E-mail: <input type="text" name="email">
<input type="submit">
</form>

action 屬性 =welcome.php 意思是說(shuō)這個(gè)表單的數(shù)據(jù)要交給服務(wù)器的welcome.php 處理。

method="post" 意思是說(shuō)發(fā)送這個(gè)表單用的是post方法滩报,下面會(huì)談具體談到锅知。

name="name" name="email" 為什么要有這個(gè)name屬性?因?yàn)閕nput是需要我們輸入數(shù)據(jù)的脓钾,那么總得需要一個(gè)保存數(shù)據(jù)的東西售睹。name="name" name="email"的意思就是定義了兩個(gè)變量,一個(gè)是name變量可训,一個(gè)是email變量昌妹,前者用來(lái)存儲(chǔ)用戶輸入的用戶名生真,后者用來(lái)存儲(chǔ)用戶輸入的email地址。

type="submit" 意思是產(chǎn)生一個(gè)確認(rèn)按鈕捺宗,用戶點(diǎn)擊一下柱蟀,就會(huì)發(fā)送一個(gè)包含表單數(shù)據(jù)的請(qǐng)求到服務(wù)器。

2.在開發(fā)者工具中查看POST請(qǐng)求

在name這個(gè)input中我輸入了terry蚜厉,在email這個(gè)input中我輸入了10000@qq.com,然后點(diǎn)擊確認(rèn)按鈕长已,在chrome的network一欄中找到了這個(gè)post請(qǐng)求,它是這個(gè)樣子的昼牛。

https://www.w3schools.com/php/welcome.php

在這個(gè)URL中并沒有攜帶我們輸入的數(shù)據(jù)术瓮,那么這些數(shù)據(jù)在哪里呢?在Header的Form Data里面可以看到,如下圖:

image.png
3.服務(wù)器端是如何獲取瀏覽器端的表單數(shù)據(jù)的贰健?

在 welcome.php 中通過(guò) $_POST['name'] 和 $_POST['email']這兩個(gè)變量即可 獲取表單中的內(nèi)容胞四。

GET請(qǐng)求

1.瀏覽器端代碼
<form action="welcome.php" method="get">
Name: <input type="text" name="name">
E-mail: <input type="text" name="email">
<input type="submit">
</form>

和post請(qǐng)求差不多,唯一不同的地方就在于method伶椿,一個(gè)是POST辜伟,一個(gè)是GET。

2.在開發(fā)者工具中查看GET 請(qǐng)求

在name這個(gè)input中我輸入了terry脊另,在email這個(gè)input中我輸入了10000@qq.com,然后點(diǎn)擊確認(rèn)按鈕导狡,在chrome的network一欄中找到了這個(gè)get請(qǐng)求,它是這個(gè)樣子的偎痛。

https://www.w3schools.com/php/welcome.php?name=terry&email=10000%40qq.com

在這個(gè)URL中可以看到表單中的數(shù)據(jù)旱捧,其中?號(hào)以后就是具體的表單參數(shù)踩麦,它們是以“變量名和值”成對(duì)出現(xiàn)的枚赡,每個(gè)“變量名和值”之間以&分隔開。同樣谓谦,我們可以在這個(gè)請(qǐng)求的Header中看到它們贫橙。

image.png
3.服務(wù)器端是如何獲取瀏覽器端的表單數(shù)據(jù)的?

在welcome.php中通過(guò)$_GET["name"]和$_GET["email"]來(lái)獲取表單中的數(shù)據(jù)茁计。

OK料皇,總結(jié)一下谓松,不管是POST請(qǐng)求還是GET請(qǐng)求星压,表單數(shù)據(jù)最后都是以
變量-值 這樣的形式傳遞給服務(wù)器的,而且chrome瀏覽器是可以捕獲這些“變量-值”的鬼譬,貌似不能直接修改這些變量的值娜膘,不過(guò)聽說(shuō)有一個(gè)叫BurpSuite的東西很好用,可以修改請(qǐng)求中的數(shù)據(jù)优质。原理是很簡(jiǎn)單竣贪,就是把瀏覽器的代理地址設(shè)置為127.0.0.1:8080军洼,而BurpSuite是會(huì)監(jiān)聽這個(gè)地址的,然后BurpSuite把監(jiān)聽到的數(shù)據(jù)交給用戶演怎,用戶可以隨便修改數(shù)據(jù)匕争,然后再把這個(gè)數(shù)據(jù)發(fā)送給目標(biāo)服務(wù)器。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末爷耀,一起剝皮案震驚了整個(gè)濱河市甘桑,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌歹叮,老刑警劉巖跑杭,帶你破解...
    沈念sama閱讀 207,248評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異咆耿,居然都是意外死亡德谅,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,681評(píng)論 2 381
  • 文/潘曉璐 我一進(jìn)店門萨螺,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)窄做,“玉大人,你說(shuō)我怎么就攤上這事慰技〗撸” “怎么了?”我有些...
    開封第一講書人閱讀 153,443評(píng)論 0 344
  • 文/不壞的土叔 我叫張陵惹盼,是天一觀的道長(zhǎng)庸汗。 經(jīng)常有香客問(wèn)我,道長(zhǎng)手报,這世上最難降的妖魔是什么蚯舱? 我笑而不...
    開封第一講書人閱讀 55,475評(píng)論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮掩蛤,結(jié)果婚禮上枉昏,老公的妹妹穿的比我還像新娘。我一直安慰自己揍鸟,他們只是感情好兄裂,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,458評(píng)論 5 374
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著阳藻,像睡著了一般晰奖。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上腥泥,一...
    開封第一講書人閱讀 49,185評(píng)論 1 284
  • 那天匾南,我揣著相機(jī)與錄音,去河邊找鬼蛔外。 笑死蛆楞,一個(gè)胖子當(dāng)著我的面吹牛溯乒,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播豹爹,決...
    沈念sama閱讀 38,451評(píng)論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼裆悄,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了臂聋?” 一聲冷哼從身側(cè)響起灯帮,我...
    開封第一講書人閱讀 37,112評(píng)論 0 261
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎逻住,沒想到半個(gè)月后钟哥,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,609評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡瞎访,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,083評(píng)論 2 325
  • 正文 我和宋清朗相戀三年腻贰,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片扒秸。...
    茶點(diǎn)故事閱讀 38,163評(píng)論 1 334
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡播演,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出伴奥,到底是詐尸還是另有隱情写烤,我是刑警寧澤,帶...
    沈念sama閱讀 33,803評(píng)論 4 323
  • 正文 年R本政府宣布拾徙,位于F島的核電站洲炊,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏尼啡。R本人自食惡果不足惜暂衡,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,357評(píng)論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望崖瞭。 院中可真熱鬧狂巢,春花似錦、人聲如沸书聚。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,357評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)雌续。三九已至斩个,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間西雀,已是汗流浹背萨驶。 一陣腳步聲響...
    開封第一講書人閱讀 31,590評(píng)論 1 261
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留艇肴,地道東北人腔呜。 一個(gè)月前我還...
    沈念sama閱讀 45,636評(píng)論 2 355
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像再悼,于是被迫代替她去往敵國(guó)和親核畴。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,925評(píng)論 2 344

推薦閱讀更多精彩內(nèi)容