中文字幕日韩精品无码内射 ,国产精品9999久久久久,亚洲av无码乱码国产精品fc2

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

2018-6-13 seo達人

如果您想訂閱本博客內容，每天自動發(fā)到您的郵箱中，請點這里

一直不太懂前后端的交互，開始學習ajax，好像有些懂了，接下來的內容通過表單提交來了解前后端數(shù)據(jù)交互吧~

關于表單的基本知識：

表單中的三個內容：

action：數(shù)據(jù)提交的地址，默認是當前頁面

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

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

以下分兩種提交方式進行：

（1）get方式：

前端頁面：

[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頁面：

[php] view plain copy

<?php

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

error_reporting(0);



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



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

輸入“aa"提交后：

使用get方式：

把數(shù)據(jù)名稱和值通過”=“連接，如果又多個的話，會通過”&“進行連接，然后把數(shù)據(jù)放到url?后面?zhèn)鞯街付撁妫?/span>

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

(2)post方式：

前端頁面：

[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頁面：

[php] view plain copy

<?php

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

error_reporting(0);



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

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

輸入”li“提交后：

post理論上是無傳輸大小限制的，輸入的內容也不會顯示在瀏覽器輸入欄中。

就暫時了解這么多了~繼續(xù)加油！
藍藍設計( m.skdbbs.com )是一家專注而深入的界面設計公司，為期望卓越的國內外企業(yè)提供卓越的UI界面設計、BS界面設計、 cs界面設計、 ipad界面設計、包裝設計、圖標定制、用戶體驗、交互設計、網(wǎng)站建設、平面設計服務

« 2018年UI設計趨勢概覽多倫多訂餐APP-懶洋洋 »

日歷

鏈接

個人資料

藍藍設計的小編 http://m.skdbbs.com

存檔

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

分類

日歷

鏈接

個人資料

存檔