GET and POST methods

form data-வை ஒரு page-ல் இருந்து மற்றோரு page-க்கு எந்த முறையில் அனுப்ப படுகிறது என்பதை server-க்கு தெரிய படுத்தவே method attribute பயன்படுகிறது. get and post என்ற இரண்டு methods பயன்படுத்தப்படுகிறது.

Note: method="GET" and method="POST" is not a case sensitive.

What is GET method?

ஒரு Form-ஐ submit செய்யும்போது http request நம்முடைய browser-ல்(client) இருந்து server க்கு அனைத்து input values-ம் URL வழியாக அனுப்பப்படும் முறையே get method. i.e, அனைத்து input values-ம் url bar-ல் தெரியும்.

<form class="myform" method="GET">
    <table cellspacing="10">
        <tr>
            <td>
                <label>Username:</label>  
            </td>
            <td>
                <input type="text" name="username"/>
            </td>
        </tr>
        <tr>
            <td>
                <label>Email:</label>  
            </td>
            <td>
                <input type="email" name="useremail"/>  
            </td>
        </tr>
        <tr>
            <td>
                <label>password:</label>
            </td>
            <td>
                <input type="password" name="userpassword"/>
            </td>
        </tr>
        <tr>
            <td>
                <label>Mobile:</label>
            </td>
            <td>
                <input type="number" name="usermobile"/>
            </td>
        </tr>
        <tr>
            <td colspan="2">
                <input type="submit" value="Register" />  
            </td>
        </tr>
    </table>
</form>
<style>
    .myform{
        width: 300px;
        background-color: lightyellow;
        border:1px solid brown;
    }
</style>

What is POST method?

ஒரு Form-ஐ submit செய்யும்போது http request நம்முடைய browser-ல்(client) இருந்து server க்கு அனைத்து input values-ம் message body வழியாக அனுப்பப்படும் முறையே post method. i.e, எந்த ஒரு input values-ம் url bar-ல் தெரியாது.

<form class="myform" method="POST">
    <table cellspacing="10">
        <tr>
            <td>
                <label>Username:</label>  
            </td>
            <td>
                <input type="text" name="username"/>
            </td>
        </tr>
        <tr>
            <td>
                <label>Email:</label>  
            </td>
            <td>
                <input type="email" name="useremail"/>  
            </td>
        </tr>
        <tr>
            <td>
                <label>password:</label>
            </td>
            <td>
                <input type="password" name="userpassword"/>
            </td>
        </tr>
        <tr>
            <td>
                <label>Mobile:</label>
            </td>
            <td>
                <input type="number" name="usermobile"/>
            </td>
        </tr>
        <tr>
            <td colspan="2">
                <input type="submit" value="Register" />  
            </td>
        </tr>
    </table>
</form>
<style>
    .myform{
        width: 300px;
        background-color: lightyellow;
        border:1px solid brown;
    }
</style>

Comments

c 18th September,2020 05:57 pm
c
aa 2nd March,2020 10:45 am
hii fg