SEO URL Şeklinde GET Göndermek
Merhaba dostlar.
<form action="islem.php" method="GET">
<select name="isim">
<option value="riza">Rıza</option>
<option value="kemalettin">Kemalettin</option>
<option value="asli">Aslı</option>
<option value="irem">İrem</option>
</select>
<select name="sehir">
<option value="kastamonu">Kastamonu</option>
<option value="adana">Adana</option>
<option value="mugla">Muğla</option>
</select>
<select name="meslek">
<option value="tekstil">Tekstil</option>
<option value="otomotiv">Otomotiv</option>
<option value="mobilya">Mobilya</option>
</select>
<input type="submit" value="Gönder">
</form>
Örnekte bulunan formu gönderdiğimizde aşağıdaki gibi bir URL yapısı ile karşılaşıyoruz.
islem.php?isim=asli&sehir=mugla&meslek=tekstil
Bunu nasıl aşağıdaki örnekteki gibi gönderebiliriz;
islem.php/asli/mugla/tekstil
yani burada böyle yaparsan sırası çok önemli olacak, dilersen tek tek elle alıp url birleştirip gönderebilirsin. Örneğin;
<form action="islem.php" onsubmit="return false" method="GET">
<select name="isim">
<option value="riza">Rıza</option>
<option value="kemalettin">Kemalettin</option>
<option value="asli">Aslı</option>
<option value="irem">İrem</option>
</select>
<select name="sehir">
<option value="kastamonu">Kastamonu</option>
<option value="adana">Adana</option>
<option value="mugla">Muğla</option>
</select>
<select name="meslek">
<option value="tekstil">Tekstil</option>
<option value="otomotiv">Otomotiv</option>
<option value="mobilya">Mobilya</option>
</select>
<input type="submit" id="submit-btn" value="Gönder">
</form>
<script>
$('#submit-btn').on('click', function(e){
var isim = $('select[name="isim"]').val(),
sehir = $('select[name="sehir"]').val(),
meslek = $('select[name="meslek"]').val();
window.location.href = `http://siteadi.com/islem.php/${isim}/${sehir}/${meslek}`;
e.preventDefault();
});
</script>
ya da formdaki tüm elemanları alıp dinamik olarak yapmak istersen şöyle yapabilirsin;
$('#submit-btn').on('click', function(e){
var data = $('form').serialize();
data = data.split('&').map((val, key) => {
return val.split('=')[1];
});
window.location.href = 'http://siteadi.com/islem.php/' + data.join('/');
e.preventDefault();
});