Form gönderme sonrası yönlendirme yapmak, web sitelerinin birçok bölümünde kullanılan bir yöntemdir Bu yöntemle kullanıcılara işlemin başarıyla tamamlandığı ya da bir hata ile karşılaşıldığı bilgisi verilir Form gönderme sonrası yönlendirme yapmak için farklı yöntemler kullanılabilir En yaygın yöntem, form etiketi içindeki action özelliğini kullanarak sayfaya yönlendirme yapmaktır Buna ek olarak, JavaScript, setInterval, jQuery, PHP ve meta etiketi gibi farklı yöntemler de kullanılabilir
JavaScript kullanarak form gönderildikten sonra kullanıcının belirli bir sayfaya yönlendirilmesi oldukça kolaydır windowlocationhref yöntemi kullanılarak mevcut sayfanın URL'si kullanılarak kullanıcıyı yeni bir sayfaya yönlendirmek mümkündür Ayrıca locationreplace ve locationassign yöntemleri de kullanıcıyı yönlendirmek için kullanılabilir setInterval yöntemi kullanılarak form gönderildikten belirli bir süre sonra yönlendirme yapılabilir
PHP kullan
Web sitelerinin birçok bölümünde yer alan formlarda kullanıcıların bilgilerini girerek göndermeleri gerekmektedir. Bu formları doldurarak gönderen kullanıcılara, işlemin başarıyla tamamlandığı ya da bir hata ile karşılaşıldığı bilgisini vermek için yönlendirme yapmak gerekebilir. Bu durumda form gönderme sonrası yönlendirme yapabilmek için farklı yöntemler kullanılabilir.
Form gönderme sonrası yönlendirme yapmanın en yaygın yöntemi, form etiketi içindeki action özelliğini kullanmaktır. Bu yöntemle, form gönderildiğinde kullanıcının istenilen bir sayfaya yönlendirilmesi sağlanabilir. Bu işlem, HTML formlarının temel kullanım yöntemlerinden biridir ve oldukça pratik ve kolaydır.
Buna ek olarak, JavaScript kullanarak da form gönderildikten sonra yönlendirme yapabilirsiniz. Bunun için window.location.href yöntemi ya da location.replace() ve location.assign() yöntemleri kullanılabilir. Ayrıca, setInterval() yöntemi ile form gönderildikten belli bir süre sonra yönlendirme de yapabilirsiniz. jQuery kullanarak da form gönderildikten hemen sonra veya belirli bir süre sonra yönlendirme yapmanız mümkündür.
PHP kullanarak form gönderme sonrası yönlendirme yapmak isteyenler, header() fonksiyonu veya meta etiketi kullanabilirler. Ancak, form gönderme sonrası yönlendirme yaparken dikkat edilmesi gereken bazı güvenlik ve kullanılabilirlik konuları da vardır. Örneğin, kullanıcıların yönlendirme sonrasında hangi sayfada olduklarını bilebilmeleri önemlidir. Ayrıca, yönlendirmelerin doğru yapıldığından emin olmak için de kullanıcı deneyimi testleri yapılmalıdır.
Formlardaki Aksiyon Alanı Kullanma
Form gönderme sonrası kullanıcıyı istediğimiz bir sayfaya yönlendirmek için farklı yöntemler bulunmaktadır. Bunlardan ilki, form etiketinin içindeki action özelliğini kullanarak sayfaya yönlendirme yapmaktır.
Form etiketinin içinde action özelliğine istenilen sayfanın adresi verilerek, form gönderildiğinde kullanıcının yönlendirileceği sayfa belirlenebilir. Örneğin;
<form action="yonlendirileceksayfa.html" method="post"> // form elemanları</form> |
Böylece form gönderildiği zaman kullanıcı yönledirileceği sayfa belirlenmiş olur.
JavaScript ile Yönlendirme Kodları Yazma
Formlar, kullanıcılardan bilgi almak veya eylemleri gerçekleştirmek için önemli bir araçtır. Ancak formun gönderilmesinden sonra kullanıcıların belirli bir sayfaya yönlendirilmesi gerekebilir. JavaScript kullanarak form gönderildikten sonra kullanıcının belirli bir sayfaya yönlendirilmesi oldukça kolaydır. Yönlendirme kodları yazarken, window.location.href yöntemini kullanabilirsiniz. Bu yöntem, mevcut sayfanın URL'sini kullanarak kullanıcıyı yeni bir sayfaya yönlendirir.
JavaScript'te window.location.href yöntemini kullanarak form gönderildikten sonra kullanıcının belirli bir sayfaya yönlendirilmesi oldukça basittir. Yönlendirme kodu aşağıdaki gibi yazılır:
window.location.href = "http://www.yonlendirileceksayfa.com";
Bu kodu formun gönderildiği sayfaya eklemelisiniz. Bu kod sayesinde kullanıcı, form gönderildikten sonra belirtilen URL'ye yönlendirilecektir.
Başka iki yöntem de location.replace() ve location.assign() yöntemleridir. location.replace(), kullanıcının mevcut sayfayı yeni bir sayfada değiştirmesini sağlar. location.assign() yöntemi ise kullanıcının yeni bir sayfaya yönlendirilmesini sağlar. Bu yöntemleri de window.location.href yöntemi ile kullanarak kullanıcının belirli bir sayfaya yönlendirilmesi oldukça kolaydır.
Bir diğer yöntem ise setInterval() yöntemidir. Bu yöntem sayesinde form gönderildikten belirli bir süre sonra kullanıcı belirtilen sayfaya yönlendirilir. setInterval() yöntemini kullanarak yönlendirme kodu aşağıdaki gibi yazılabilir:
setInterval(function() { window.location.href = "http://www.yonlendirileceksayfa.com";}, 5000);
Bu kod sayesinde kullanıcı, formu gönderdikten 5 saniye sonra belirtilen sayfaya yönlendirilir. Bu süreyi ihtiyacınıza göre değiştirebilirsiniz.
JavaScript yöntemleri ile form gönderildikten sonra kullanıcının farklı sayfalara yönlendirilmesi oldukça basittir. Ancak bu yöntemlerin kullanımında güvenliği de göz önünde bulundurmanız önemlidir.
window.location.href Kullanarak Yönlendirme
Form gönderme sonrası kullanıcının yönlendirilmesi için JavaScript kodları kullanılabilir. Bunlardan birisi de window.location.href yöntemidir. Bu yöntem, kullanıcının mevcut sayfayı belirtilen URL'e yönlendirmesini sağlamaktadır.
Bu yöntemi kullanarak yönlendirme yapmak için öncelikle form'un submit olayına bir event listener eklenmelidir. Bu kod aşağıdaki gibidir:
document.getElementById('form-id').addEventListener('submit', function(event) { event.preventDefault(); // Form submit olayını durdurur window.location.href = 'yönlendirme-url';});
Bu kodda, form'un ID'si form-id olarak belirlenmiştir. Event listener, form submit olayını durdurarak JavaScript kodlarının çalışmasını sağlar. window.location.href ise kullanıcının yönlendirileceği sayfanın URL'sini belirtir.
Yönlendirme yapılırken, kullanıcının mevcut sayfayı kaybetmesi istenmiyorsa, yeni bir sekmede sayfaya yönlendirme yapılabilir. Bunun için window.open() yöntemi kullanılır. Bu yöntem parametre olarak yönlendirilecek sayfanın URL'sini ve açılacak sayfanın ismini alır. Örnek bir kod aşağıdaki gibidir:
window.open('yönlendirme-url', '_blank');
Bu kod, belirtilen URL'deki sayfayı yeni bir sekmede açar.
location.replace() ve location.assign() Yöntemleriyle Yönlendirme
Form gönderme sonrası kullanıcının farklı sayfalara yönlendirme yapmak istediğinizde, JavaScript kullanarak location.replace() veya location.assign() yöntemlerini kullanabilirsiniz. location.replace() yöntemi ile yaptığınız yönlendirme işlemi, geri butonu tıklandığında önceki sayfaya gitmek yerine, yenilenmiş sayfayı gösterir. Bu nedenle, kullanıcının önceki sayfaya dönmek istediği durumlarda tercih edebilirsiniz.
location.assign() yöntemi ise, geri butonuna tıklandığında önceki sayfaya yönlendirir. Bu yöntem, kullanıcının önceki sayfaya dönme ihtiyacının olduğu durumlarda daha kullanışlıdır.
Aşağıdaki tablo, location.replace() ve location.assign() yöntemlerinin farklarını göstermektedir:
Yöntem | Geri Butonu Davranışı |
---|---|
location.replace() | Yenilenmiş sayfayı gösterir |
location.assign() | Önceki sayfaya yönlendirir |
Bu tablo, hangi yöntemin hangi durumlarda tercih edilmesi gerektiğini özetlemektedir. Yenilenmiş sayfayı göstermek istediğiniz durumlarda location.replace() yöntemini, önceki sayfaya dönmek istediğiniz durumlarda ise location.assign() yöntemini kullanmanız önerilir.
Bu yöntemlerin kullanımının dikkat edilmesi gereken önemli bir nokta, yönlendirme işleminin tamamlanmasından sonra kullanıcının ne yapacağıdır. Kullanıcının yönlendirilen sayfada istediği işlemi yapabilmesi ve ardından istediği sayfaya yönlendirilmesi önemlidir. Bu nedenle, yönlendirilen sayfadaki işlevsellik ve kullanılabilirlik konularının dikkate alınması gerekmektedir.
setInterval() Yöntemiyle Yönlendirme
Form gönderme sonrası yönlendirmede kullanabileceğiniz yöntemlerden biri de JavaScript'te setInterval() yöntemini kullanarak belirli bir süre sonra yönlendirme yapmaktır. Bu yöntemle, kullanıcının formu gönderdikten sonra belirli bir süre beklemesi ve ardından başka bir sayfaya yönlendirilmesi sağlanabilir.
Bu yöntemi kullanmak için, öncelikle form etiketinin içindeki onsubmit özelliği ile bir JavaScript fonksiyonu çağırmalısınız. Bu fonksiyon içinde ise setInterval() yöntemini kullanarak belirlediğiniz süre sonunda window.location.href yöntemiyle yönlendirme yapabilirsiniz.
Örneğin, aşağıdaki kod parçasında form gönderildikten 3 saniye sonra "yonlendirme.html" sayfasına yönlendirme yapılıyor:
function formYonlendir(){ setInterval(function(){ window.location.href="yonlendirme.html"; }, 3000);}
Yukarıdaki kodu form etiketinin içine şu şekilde ekleyebilirsiniz:
<form onsubmit="formYonlendir()">...</form>
setInterval() yöntemiyle yapacağınız yönlendirmelerde, belirlediğiniz süre boyunca kullanıcının formda beklemesi gerekeceği için kullanılabilirlik konusunda bazı sorunlar oluşabilir. Bu yöntemi kullanırken, kullanıcının bekleyeceği süreyi mümkün olduğunca kısa tutmanız önemlidir. Ayrıca, yönlendireceğiniz sayfanın yüklenme süresini de hesaba katmanız gerektiğini unutmayın.
setInterval() yöntemi, form gönderme sonrası yönlendirmelerde kullanabileceğiniz etkili bir yöntemdir. Ancak, yönlendirme süresi ve kullanılabilirlik gibi konulara dikkat ederek kullanmanız gerekmektedir.
jQuery kullanarak Yönlendirme Yapma
Form gönderme sonrası yönlendirme yapmanın bir başka yolu da jQuery kullanmaktır. Bu yöntem, form gönderildikten hemen sonra veya belirli bir süre sonra yönlendirme yapmak için kullanılabilir.
İlk olarak, jQuery'in sayfada yüklü olması gerekmektedir. Eğer yüklü değilse, aşağıdaki kodu HTML sayfanızda
etiketi içine ekleyebilirsiniz:<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
Form gönderildikten hemen sonra yönlendirme yapmak için, jQuery kodunu aşağıdaki şekilde yazabilirsiniz:
$('form').submit(function(){ window.location.href = "yönlendirme adresi";});
Yukarıdaki kod, form gönderildikten hemen sonra, yani submit olayı gerçekleştiğinde, kullanıcının belirtilen yönlendirme adresine yönlendirilmesini sağlar. $('form') kodu, sayfadaki tüm form elemanlarını seçer.
Belirli bir süre sonra yönlendirme yapmak istiyorsanız, delay() ve setTimeout() fonksiyonlarını kullanabilirsiniz. Örneğin, aşağıdaki kod, form gönderildikten iki saniye sonra kullanıcının belirtilen yönlendirme adresine yönlendirilmesini sağlar:
$('form').submit(function(){ setTimeout(function(){ window.location.href = "yönlendirme adresi"; }, 2000); return false;});
Yukarıdaki kodda, submit() fonksiyonu çalıştırıldıktan sonra, 2 saniye bekleme süresi delay() fonksiyonu ile belirtilir ve daha sonra setTimeout() fonksiyonu ile yönlendirme işlemi gerçekleştirilir. return false; ifadesi, sayfanın yenilenmesini önlemek için kullanılır.
jQuery kullanarak form gönderildikten hemen veya belirli bir süre sonra yönlendirme işlemi oldukça basittir ve kolayca yapılabilmektedir. Ancak, bu yöntemi kullanırken de güvenlik ve kullanılabilirlik konularına dikkat etmek önemlidir.
PHP ile Yönlendirme Yöntemleri
Form gönderildikten sonra belirli bir sayfaya yönlendirmek için PHP ile farklı yöntemler kullanabilirsiniz. Bunların en yaygın kullanımı "header()" fonksiyonudur. Bu yöntem ile form gönderme sonrası yeni bir sayfaya yönlendirme yapabilirsiniz. Örneğin, formun gönderildiği sayfada aşağıdaki kod satırını kullanarak, "/yeni-sayfa" adlı sayfaya yönlendirebilirsiniz:
header("Location: /yeni-sayfa");
Bu kod parçası, form gönderildikten sonra kullanıcının "/yeni-sayfa" adlı sayfaya yönlendirilmesini sağlayacaktır.
Bir diğer yöntem, "meta" etiketi kullanarak yapılan yönlendirmedir. Bu yöntemde, form gönderildikten sonra anında yönlendirme yapılamaz. Ancak belirli bir süre sonra yönlendirme yapılabilmesini sağlayabilirsiniz. Örneğin aşağıdaki kodda, form gönderildiği sayfada "/yeni-sayfa" adlı sayfaya 5 saniye sonra yönlendirme yapılmaktadır:
<meta http-equiv="refresh" content="5; url=/yeni-sayfa">
Bu kod parçası, form gönderildiğinde kullanıcının form sayfasında kalması ve 5 saniye sonra "/yeni-sayfa" adlı sayfaya yönlendirilmesini sağlar.
PHP ile form gönderildikten sonra yönlendirme yapmak istediğinizde dikkat etmeniz gereken bir nokta, güvenlik kontrolleridir. Kullanıcıların doğru sayfaya yönlendirildiğinden emin olmalısınız. Ayrıca, yönlendirme sonrası sayfanın kullanılabilirlik açısından sağlıklı olması önemlidir.
header() Fonksiyonu ile Yönlendirme
PHP'de, header() fonksiyonu kullanarak bir sayfadaki form gönderildiğinde kullanıcının farklı bir sayfaya yönlendirilmesi sağlanabilir. Bu yöntemi kullanmak için önce header() fonksiyonunu kullanarak http protokolüne uygun bir yönlendirme işlemi yapılması gerekiyor. Bunun için şu şekilde bir örnek kod yazılabilir:
```phpheader("Location: https://www.yeniadres.com/");exit();```
Bu kodda, header() fonksiyonu kullanarak `Location` özelliğine yönlendirilecek olan sayfanın adresi belirtiliyor. Sonrasında, `exit()` fonksiyonu kullanılarak kodun bir sonraki satırlarının çalıştırılması engelleniyor ve sadece yönlendirmenin yapılması sağlanıyor.
Header() fonksiyonu kullanarak yönlendirme yaparken, sayfa içinde herhangi bir çıktı yapılmamalıdır. Aksi takdirde, yönlendirme işlemi gerçekleşmeyebilir veya doğru sayfaya yönlendirme yapılmayabilir. Bu nedenle, header() fonksiyonu çağrıldıktan sonra mutlaka `exit()` veya `die()` fonksiyonlarından birisi çağrılmalıdır. Ayrıca, yönlendirilecek olan sayfanın adresi mutlaka tam URL olarak belirtilmelidir.
Header() fonksiyonu, PHP tarafından sunulan bir fonksiyon olduğundan, herhangi bir ek yazılım yüklemeye gerek kalmadan doğrudan kullanılabilir. Ancak, yönlendirme işlemi ile ilgili olarak veri güvenliği konuları unutulmamalıdır. Verilerin URL parametreleri olarak gönderilmesi durumunda, bunların güvenli bir şekilde kodlanması gerekir. Aksi halde, kullanıcılar veri manipülasyonu yaparak, saldırılar gerçekleştirebilirler.
Güvenlik konularına dikkat edilerek, header() fonksiyonu kullanılarak form gönderme sonrası yönlendirme işlemi kolaylıkla yapılabilir.
Meta etiketi ile Yönlendirme
PHP dilinde meta etiketi kullanarak form gönderildikten sonra yönlendirme yapmak oldukça kolaydır. İlk olarak, yönlendirmek istediğiniz sayfayı belirlemeniz gerekir. Ardından, meta etiketini HTML başlık kodu kısmına eklemelisiniz.
Meta etiketi, web tarayıcısına sayfanın meta bilgilerini içermesi için bilgi verir. Aynı zamanda, yönlendirme yapmak istediğiniz sayfanın URL adresini içeren özel bir meta etiketi de ekleyebilirsiniz.
Örneğin, form gönderildikten sonra kullanıcının /yeni-sayfa adresine yönlendirilmesini istiyorsanız, aşağıdaki kodu kullanabilirsiniz:
```html```
Burada, http-equiv özelliği sayfanın HTTP durum kodunu belirtir. Bu durum kodu, 0'a eşit olduğunda web tarayıcısı, yönlendirme yapılacağını anlar. Ardından, content özelliği belirtilen süre (0 saniye) sonra yönlendirme yapılacağını belirtir.
En son olarak, URL özelliği de yönlendirilecek sayfanın URL adresini içerir. Bu şekilde, form gönderildikten sonra kullanıcı otomatik olarak belirtilen sayfaya yönlendirilir.
Meta etiketini doğru kullanarak, PHP ile form gönderme sonrası kullanıcıları belirli bir sayfaya kolayca yönlendirebilirsiniz.
Form Gönderme Sonrası Yönlendirme Yaparken Dikkat Edilmesi Gerekenler
Form gönderme sonrası yapacağınız yönlendirme işlemi sırasında dikkat etmeniz gereken güvenlik ve kullanılabilirlik gibi konular bulunmaktadır. Bu konulara dikkat etmeniz kullanıcı deneyiminin iyileşmesine yardımcı olacaktır.
Öncelikle, yönlendirme işlemi yaparken kullanıcının kişisel bilgilerini içeren sayfaların açılması risk oluşturabilir. Bu nedenle, sayfaların güvenli olup olmadığını mutlaka kontrol etmeniz gerekmektedir. Sayfalarınızda HTTPS protokolünü kullanarak güvenliği artırabilirsiniz.
Aynı zamanda, kullanıcının yönlendirme işlemini anlayabileceği bir mesaj vermek de oldukça önemlidir. Yönlendirmeden önce, kullanıcıya yönlendirme işlemi hakkında bilgi veren bir mesaj veya uyarı görüntüleyebilirsiniz.
Kullanılabilirlik açısından ise, yönlendirme işlemi yaparken kullanıcının beklemesine neden olan işlemlerden kaçınmak önemlidir. Kullanıcıların beklemek zorunda kaldığı işlemler, kullanıcı deneyimini olumsuz etkileyebilir.
Bunun yanında, yönlendirme işlemi yapacağınız sayfaların mobil uyumlu olması da kullanılabilirliği artıracaktır. Mobil cihazlar üzerinden internet kullanımı giderek artmaktadır, dolayısıyla mobil cihazlara uygun sayfalar oluşturmanız önemlidir.
Özetle, form gönderme sonrası yapacağınız yönlendirme işlemi sırasında kullanıcının kişisel bilgilerinin güvende olduğundan emin olmalı, yönlendirme işlemi hakkında kullanıcıya bilgi vermelisiniz. Kullanıcının beklemesine neden olacak işlemlerden kaçınmalı, mobil uyumlu sayfalar oluşturmalısınız. Böylece, kullanıcı deneyimini iyileştirerek başarılı bir yönlendirme işlemi gerçekleştirebilirsiniz.