做爰三级在线播放_又大又粗又猛又舒服又爽_暖暖www免费高清视频最新期_午夜精品aaa国产福利

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

2018-6-13    seo達人

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

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

關于表單的基本知識:

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

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

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

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

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

(1)get方式:

前端頁面:

[html] view plain copy
  1. <!DOCTYPE html>  
  2. <html lang="en">  
  3. <head>  
  4.     <meta charset="UTF-8">  
  5.     <title>Title</title>  
  6. </head>  
  7. <body>  
  8. <form action="get.php" method="get">  
  9.     <input type="text" name="userName"/>  
  10.     <input type="submit" value="提交"/>  
  11. </form>  
  12. </body>  
  13. </html>      

后端php頁面:

[php] view plain copy
  1. <?php  
  2. header('content-type:text/html;charset="utf-8"');//返回頭  
  3. error_reporting(0);  
  4.   
  5. $userName=$_GET['userName'];//主要這里要對應提交的方式,如果表單使用的是get方式則后端需要用get,如果是使用post,則后端需要使用post  
  6.   
  7. echo "你的名字:{$userName}";  

輸入“aa"提交后:

使用get方式:

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

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

(2)post方式:

前端頁面:

[html] view plain copy
  1. <!DOCTYPE html>  
  2. <html lang="en">  
  3. <head>  
  4.     <meta charset="UTF-8">  
  5.     <title>表單提交方式2,post</title>  
  6. </head>  
  7. <body>  
  8. <form action="post.php" method="post">  
  9.     <input type="text" name="userName"/>  
  10.     <input type="submit" value="提交"/>  
  11. </form>  
  12. </body>  
  13. </html>  

后端php頁面:

[php] view plain copy
  1. <?php  
  2. header('content-type:text/html;charset="utf-8"');  
  3. error_reporting(0);  
  4.   
  5. $userName=$_POST("userName"); //注意這里的要和提交的方式對應  
  6. echo "你的名字:{$userName}";  

輸入”li“提交后:

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

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

藍藍設計91whvog3.cn )是一家專注而深入的界面設計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網(wǎng)站建設 平面設計服務

日歷

鏈接

個人資料

藍藍設計的小編 http://91whvog3.cn

存檔