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

          存檔

          国产精品热久久无码av| 久久亚洲AV无码西西人体| 久久精品?ⅴ无码中文字幕| 久久青草国产手机看片福利盒子| 久久久久久久久久久久中文字幕| 精品久久久久久久| 久久久久久久久久免免费精品| 成人午夜精品久久久久久久小说| 亚洲国产成人久久综合区| 久久久无码精品亚洲日韩蜜臀浪潮| 综合网日日天干夜夜久久| 久久精品a亚洲国产v高清不卡| 国产精品欧美亚洲韩国日本久久 | 狠狠色丁香婷婷综合久久来| 91精品国产高清久久久久久国产嫩草| 久久天天躁狠狠躁夜夜av浪潮| 亚洲AV日韩AV天堂久久| 久久夜色撩人精品国产小说| 久久久精品人妻一区二区三区蜜桃| 国产精品99久久久久久www| 人妻无码精品久久亚瑟影视| 久久精品国内一区二区三区| 久久亚洲sm情趣捆绑调教 | 久久精品国产一区二区三区| 亚洲国产精品久久久天堂| 久久人搡人人玩人妻精品首页 | 97久久国产露脸精品国产| 久久精品国产精品亜洲毛片| 波多野结衣中文字幕久久| 波多野结衣久久精品| 亚洲欧洲精品成人久久曰影片| 久久免费高清视频| 国内精品伊人久久久久av一坑| 久久夜色精品国产| 国产综合精品久久亚洲| 7777久久亚洲中文字幕| 久久久久亚洲精品天堂| 久久99热只有频精品8| 少妇人妻88久久中文字幕| 精品久久久无码人妻中文字幕| 日韩精品无码久久一区二区三|