瀏覽器同步發送請求之form表單提交數據

瀏覽器同步發送請求之form表單提交數據

上篇就文章我們講到了同步和異步的區別，這次主要說一下在網頁中如何提交同步的請求，答案就是通過form表單提交請求。

1.GET請求

HTML代碼：

    <form action="get.php" method="get">
        賬號：<input type="text" name="user"> <br>
        密碼：<input type="text" name="psw"><br>
        <input type="submit" value="登錄">
    </form>

PHP代碼：

    <?php
        $user=$_GET["user"];
        $psw=$_GET["psw"];
        echo "用戶名：{$user},密碼：{$psw}";
    ?>

2.POST請求

HTML代碼：

    <form action="post.php" method="post">
        賬號：<input type="text" name="user"> <br>
        密碼：<input type="text" name="psw"><br>
        <input type="submit" value="登錄">
    </form>

PHP代碼：

    <?php
        $user=$_POST["user"];
        $psw=$_POST["psw"];
        echo "用戶名：{$user},密碼：{$psw}";
    ?>

總結： 同步提交請求主要在沒有Ajax技術之前，向我們在零幾年的時候註冊郵箱，輸入了各種信息後點擊註冊，結果提示用戶名已被註冊，然後返回之前頁面重新填寫，效率特別低。

視頻講解鏈接：
https://www.bilibili.com/video/BV17z411i7hY/