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.
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.phpform yang saya buat di atas menggunakan metode get. jadi kita akan menjadi seperti ini
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 bagaimana
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
