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

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

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

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

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

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

          表單中的三個(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'];//主要這里要對(duì)應(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"); //注意這里的要和提交的方式對(duì)應(yīng)  
          6. echo "你的名字:{$userName}";  

          輸入”li“提交后:

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

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


          日歷

          鏈接

          個(gè)人資料

          存檔

          日韩精品无码久久一区二区三| 久久国产乱子伦免费精品| 国产成人久久精品区一区二区| 一级做a爰片久久毛片免费陪| 国产成人久久777777| 国产成人久久激情91| 97久久久精品综合88久久| 亚洲国产一成人久久精品| 久久久久国产精品人妻| 久久精品国产色蜜蜜麻豆| 亚洲国产精品久久久天堂| 香蕉久久av一区二区三区| 漂亮人妻被黑人久久精品| 久久精品国产亚洲AV无码偷窥| 久久天天躁狠狠躁夜夜躁2O2O| 久久久久人妻精品一区二区三区| 欧洲成人午夜精品无码区久久| 久久久久女人精品毛片| 久久精品免费观看| 久久精品国产第一区二区| 一本色综合久久| 亚洲精品乱码久久久久久自慰| 欧美大香线蕉线伊人久久| 国内精品久久久久影院优| 亚洲狠狠综合久久| 人人狠狠综合88综合久久| 久久婷婷国产剧情内射白浆| 久久青青草原亚洲av无码app| 精品午夜久久福利大片| 久久久久九九精品影院| 久久精品国产亚洲AV香蕉| av国内精品久久久久影院| 久久97久久97精品免视看秋霞| 久久久久久久免费视频| jizzjizz国产精品久久| 久久久WWW成人| 伊人久久精品无码av一区| 国产一区二区精品久久| 久久综合视频网| 久久精品一区二区三区不卡| 久久这里的只有是精品23|