<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ì)m.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è)人資料

          存檔

          久久精品免费一区二区三区| 99精品国产在热久久| 久久久久久a亚洲欧洲aⅴ| 久久久久久国产精品美女| 成人a毛片久久免费播放| 久久九九亚洲精品| 91精品国产高清久久久久久国产嫩草| 好久久免费视频高清| 久久99精品国产一区二区三区| 久久亚洲日韩精品一区二区三区| 久久久久人妻一区精品性色av| 久久综合给合久久国产免费| 看久久久久久a级毛片| AV无码久久久久不卡网站下载 | 日韩乱码人妻无码中文字幕久久 | 久久精品国产亚洲AV麻豆网站| 亚洲人成精品久久久久| 久久久久99精品成人片欧美| 久久久噜噜噜久久熟女AA片| 久久青青草原精品国产| 综合久久一区二区三区 | 国产精品无码久久综合网| 久久青青国产| 色88久久久久高潮综合影院 | 97久久国产露脸精品国产| 久久久久亚洲AV片无码下载蜜桃| 狠狠色丁香久久综合婷婷| 国产精品熟女福利久久AV| 久久精品国产99久久久古代| 国产精品免费福利久久| 久久精品无码专区免费| 伊人久久大香线蕉综合影院首页 | 综合网日日天干夜夜久久| 久久国产精品一区二区| 亚洲精品国产第一综合99久久| 亚洲午夜久久久久久噜噜噜| 97超级碰碰碰碰久久久久| 国产成人精品综合久久久| 激情久久久久久久久久| 人妻少妇久久中文字幕一区二区| 久久精品国产99国产精品|