Cara mengetahui perbedaan metode Post dan get

Cara mengetahui perbedaan metode Post dan get

loading....

Dalam artikel kali ini rumahcode akan membahas tentang perbedaan method POST dan GET. Untuk mengetahui perbedaan metode POST dan GET ini saya akan mencontohkan nya dengan membuat sebuah login form php yang keren dengan menggunakan bootstrap

Oke, sekarang kita mulai saja tutorial nya dengan membuat form login terlebih dahulu.

Membuat Login Form

Kita akan membuat sebuah file dengan nama login.php, biar tampak lebih keren form login nya kita gunakan bootstrap untuk mempercantik tampilan nya

<head>
<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<style>
body {
  margin: 0;
  padding: 0;
  background-color: #17a2b8;
  height: 100vh;
}
#login .container #login-row #login-column #login-box {
  margin-top: 120px;
  max-width: 600px;
  height: 320px;
  border: 1px solid #9C9C9C;
  background-color: #EAEAEA;
}
#login .container #login-row #login-column #login-box #login-form {
  padding: 20px;
}
#login .container #login-row #login-column #login-box #login-form #register-link {
  margin-top: -85px;
}
</style>
</head>

<body>
    <div id="login">
        <h3 class="text-center text-white pt-5">RumahCode.org Login form</h3>
        <div class="container">
            <div id="login-row" class="row justify-content-center align-items-center">
                <div id="login-column" class="col-md-6">
                    <div id="login-box" class="col-md-12">
                        <form id="login-form" class="form" action="login2.php" method="post">
                            <h3 class="text-center text-info">Login</h3>
                            <div class="form-group">
                                <label for="username" class="text-info">Username:</label><br>
                                <input type="text" name="username" id="username" class="form-control">
                            </div>
                            <div class="form-group">
                                <label for="password" class="text-info">Password:</label><br>
                                <input type="password" name="password" id="password" class="form-control">
                            </div>
                            <div class="form-group">
                                <label for="remember-me" class="text-info"><span>Remember me</span> <span><input id="remember-me" name="remember-me" type="checkbox"></span></label><br>
                                <input type="submit" name="submit" class="btn btn-info btn-md" value="submit">
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>

sekarang kita buat login2.php untuk membaca variabel yang di kirim dari form

<?php
if (isset($_POST['username'])){
	echo 'Membaca Form dengan metode POST<br>';
	echo 'Username = '.$_POST['username'].'<br>';
	echo 'Password = '.$_POST['password'];
}else
if (isset($_GET['username'])){
	echo 'Membaca Form dengan metode GET<br>';
	echo 'Username = '.$_GET['username'].'<br>';
	echo 'Password = '.$_GET['password'];
}
?>

untuk mengetahui perbedaan nya dari kedua metode di atas kamu dapat mengakses dengan cara membuka link di bawah

http://localhost/login/login.php

form yang saya buat di atas menggunakan metode get. jadi kita akan menjadi seperti iniContoh Methode POST

Sekarang kita akan mencoba metode GET dengan mengganti source code form di atas

method="post"
ganti dengan
method="get"

setelah di ganti methode nya kita akan coba dan kita lihat hasil nya bagaimanaContoh Form GEt

sekarang perhatikan hasil dari kedua gambar di atas maka secara jelas akan terlihat perbedaanya.

perbedaanya adalah :

Metode Post

Metode GET

Dalam url tidak akan memperlihatkan variabel yang dikirim Dalam url akan memperlihatkan variabel yang dikirim
dalam pembacaan dengan menggunakan php variabel yang dikirim menggunakan perintah $_POST['NamaVariabel'] dalam pembacaan dengan menggunakan php variabel yang dikirim menggunakan perintah $_GET['NamaVariabel']
Tidak ada batasan dalam mengirimkan data dalam bentuk variabel data yang di kirim dalam bentuk variabel hanya 2047 karakter saja

Sekarang sudah terlihat kan bagaimana perbedaan dari methode POST dan GET pada php

Artikel Menarik Lainnya
perbedaan post dan get, perbedaan post dan get pada php, perbedaan metode post dan get, form login php keren, form login php, login bootstrap, cara membuat form login

loading...