<em id="09ttv"></em>
    <sup id="09ttv"><pre id="09ttv"></pre></sup>
    <dd id="09ttv"></dd>

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

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

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

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

          關(guān)于表單的基本知識:

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

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

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

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

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

          (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'];//主要這里要對應(yīng)提交的方式,如果表單使用的是get方式則后端需要用get,如果是使用post,則后端需要使用post  
          6.   
          7. echo "你的名字:{$userName}";  

          輸入“aa"提交后:

          使用get方式:

          把數(shù)據(jù)名稱和值通過”=“連接,如果又多個(gè)的話,會(huì)通過”&“進(jìn)行連接,然后把數(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"); //注意這里的要和提交的方式對應(yīng)  
          6. echo "你的名字:{$userName}";  

          輸入”li“提交后:

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

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

          藍(lán)藍(lán)設(shè)計(jì)www.sdgs6788.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)

          日歷

          鏈接

          個(gè)人資料

          存檔

          午夜精品久久久久久久无码| 久久久久久免费一区二区三区| 精品国产91久久久久久久a| 久久国产成人精品国产成人亚洲| 亚洲欧洲久久久精品| 色欲综合久久躁天天躁蜜桃| 久久久久免费精品国产| 欧美无乱码久久久免费午夜一区二区三区中文字幕| 久久婷婷五月综合97色直播| 久久综合亚洲鲁鲁五月天| 久久久久久久尹人综合网亚洲| 无码任你躁久久久久久| 成人国内精品久久久久影院| 久久精品视频一| 国内精品久久久久久麻豆| 久久久av波多野一区二区| 久久99国产精品久久99小说| 一本色道久久88加勒比—综合| 久久久久久久精品妇女99| 国产福利电影一区二区三区,免费久久久久久久精 | 久久精品国产亚洲Aⅴ蜜臀色欲| 天天躁日日躁狠狠久久| 久久国产AVJUST麻豆| 久久久这里有精品中文字幕| 91精品国产91久久久久久| 国产精品99久久99久久久| 无码人妻精品一区二区三区久久| 午夜精品久久影院蜜桃| 久久久久久久亚洲精品| 国产69精品久久久久9999| 久久精品视频网| 热99re久久国超精品首页| 国内精品久久九九国产精品| 国产产无码乱码精品久久鸭| 久久精品人人槡人妻人人玩AV| 无码久久精品国产亚洲Av影片 | 7777精品久久久大香线蕉| 97久久国产综合精品女不卡| 伊人久久大香线蕉亚洲五月天| 97精品国产97久久久久久免费| 7777精品久久久大香线蕉|