<strike id="cy2gs"><menu id="cy2gs"></menu></strike>
  • <del id="cy2gs"><dfn id="cy2gs"></dfn></del>
  • ajax學(xué)習(xí)二——從表單提交中了解前后端數(shù)據(jù)交互

    2018-6-18    seo達人

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

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

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

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

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

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

    輸入”li“提交后:

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

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


    日歷

    鏈接

    個人資料

    藍藍設(shè)計的小編 http://m.skdbbs.com

    存檔

    主站蜘蛛池模板: 成人国产精品动漫欧美一区| 久久精品无码免费不卡| 国产精品无码素人福利不卡| 久久久久无码精品国产| 精品久久久无码中文字幕天天| 1000部精品久久久久久久久| 亚洲日韩欧美制服精品二区| 国产AⅤ精品一区二区三区久久| 国产精品久久久久jk制服| 色婷婷久久久SWAG精品| 91精品国产91久久久久久| 国产精品久久久久AV福利动漫| 在线观看自拍少妇精品| 久久久久99精品成人片三人毛片 | 精品国精品国产自在久国产应用男| 精品国产欧美一区二区| 精品国产粉嫩内射白浆内射双马尾| 无夜精品久久久久久| 欧美日韩精品系列一区二区三区| 国产精品无码素人福利| 99久久伊人精品综合观看| 四虎永久在线精品884aa下载| laowang在线精品视频| jizz国产精品网站| 99久久精品日本一区二区免费| 久久久久99精品成人片直播| 亚洲国产精品无码中文字| 亚洲精品无码成人片在线观看| 欧美成人精品网站播放| 精品国产午夜福利在线观看| 国产午夜亚洲精品理论片不卡 | 亚洲精品tv久久久久久久久| 久久久久一级精品亚洲国产成人综合AV区 | 99re久久精品国产首页2020| 国产精品区一区二区三在线播放| 精品永久久福利一区二区| 久久亚洲中文字幕精品有坂深雪| 亚洲精品狼友在线播放| 亚洲av永久无码精品表情包| 人妻少妇精品中文字幕av蜜桃| 人妻AV一区二区三区精品|