日本一区二区三区在线播放-国产视频一-美女黄网站成人免费视频-奇米中文字幕-日本少妇xxxxx-九九精品99-国产人碰人摸人爱视频-欧美亚洲网站-国产艳妇av在线-在线av网站-久久a久久-可以免费看黄色的网站-国产视频一二-在线播放视频高清在线观看-男人的天堂av网站-久久一二三区-欧美日韩综合一区二区

ajax學(xué)習(xí)二——從表單提交中了解前后端數(shù)據(jù)交互

2018-6-18 seo達(dá)人

如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中，請(qǐng)點(diǎn)這里

一直不太懂前后端的交互，開(kāi)始學(xué)習(xí)ajax，好像有些懂了，接下來(lái)的內(nèi)容通過(guò)表單提交來(lái)了解前后端數(shù)據(jù)交互吧~

關(guān)于表單的基本知識(shí)：

表單中的三個(gè)內(nèi)容：

action：數(shù)據(jù)提交的地址，默認(rèn)是當(dāng)前頁(yè)面

method：數(shù)據(jù)提交的方式，默認(rèn)是get方式

enctype：提交數(shù)據(jù)格式，默認(rèn)是application/x-www-form-urlencoded

以下分兩種提交方式進(jìn)行：

（1）get方式：

前端頁(yè)面：

[html] view plain copy

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

<form action="get.php" method="get">

    <input type="text" name="userName"/>

    <input type="submit" value="提交"/>

</form>

</body>

</html>

后端php頁(yè)面：

[php] view plain copy

<?php

header('content-type:text/html;charset="utf-8"');//返回頭

error_reporting(0);



$userName=$_GET['userName'];//主要這里要對(duì)應(yīng)提交的方式，如果表單使用的是get方式則后端需要用get，如果是使用post，則后端需要使用post



echo "你的名字：{$userName}";

輸入“aa"提交后：

使用get方式：

把數(shù)據(jù)名稱和值通過(guò)”=“連接，如果又多個(gè)的話，會(huì)通過(guò)”&“進(jìn)行連接，然后把數(shù)據(jù)放到url?后面?zhèn)鞯街付?yè)面；

url長(zhǎng)度又限制，所以不要使用get方式傳遞過(guò)多的數(shù)據(jù)

(2)post方式：

前端頁(yè)面：

[html] view plain copy

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>表單提交方式2，post</title>

</head>

<body>

<form action="post.php" method="post">

    <input type="text" name="userName"/>

    <input type="submit" value="提交"/>

</form>

</body>

</html>

后端php頁(yè)面：

[php] view plain copy

<?php

header('content-type:text/html;charset="utf-8"');

error_reporting(0);



$userName=$_POST("userName"); //注意這里的要和提交的方式對(duì)應(yīng)

echo "你的名字：{$userName}";

輸入”li“提交后：

post理論上是無(wú)傳輸大小限制的，輸入的內(nèi)容也不會(huì)顯示在瀏覽器輸入欄中。

就暫時(shí)了解這么多了~繼續(xù)加油！

« 小米8的MIUI10對(duì)比MIUI9體驗(yàn)，外觀UI變化大，是IOS的孿生兄弟？年中購(gòu)物節(jié)618，帶你看線上活動(dòng)的套路 »