<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://www.skdbbs.com

    存檔

    主站蜘蛛池模板: 精品人妻无码专区中文字幕| 亚洲国产精品ⅴa在线观看| 亚洲精品色午夜无码专区日韩| 91麻豆国产福利精品 | 伊人久久精品影院| 国产精品麻豆欧美日韩ww| 国产精品久久久久乳精品爆| 精品卡一卡二卡乱码高清| 日韩精品一区二区三区影院| 亚洲午夜精品一级在线播放放 | 久久精品亚洲精品国产色婷| 久久精品亚洲精品国产欧美| 欧美精品国产日韩综合在线| 欧美午夜精品久久久久免费视| 青草国产精品视频。| 精品国产一区二区22| 91大神精品全国在线观看| 国产精品手机在线| 国产精品视频色拍拍| 无码精品黑人一区二区三区| 99视频在线观看精品| 无码精品久久久天天影视| 一本一道精品欧美中文字幕| 国产精品白浆在线观看免费| 亚洲Av无码精品色午夜| 综合精品欧美日韩国产在线| 乱人伦人妻精品一区二区| 国产乱子伦精品免费视频| 亚洲av永久无码精品国产精品| 久久精品综合一区二区三区| 国产精品自在拍一区二区不卡| 国产精品v欧美精品v日本精 | 国产国拍亚洲精品mv在线观看 | 国产精品国产三级国产专播 | 国产午夜精品理论片久久影视| 91精品国产自产在线观看永久| 国产成人A人亚洲精品无码| 精品深夜AV无码一区二区| 精品视频无码一区二区三区| 成人区人妻精品一区二区不卡视频| 国产精品三级国产电影|