Ajax Türkçe Karakter ve Cache Sorunu

Genel olarak ajax kullanarak yapılan data alış verişlerinde türkçe karakter problemi ile karşılaşırız. Bunun bir çok sebebi var. Nedenleri ve çözümleri hakkında çok yazılıp çizildi biliyorum fakat geçen gün karşılaştığım farklı bir sorundan bahsetmek istiyorum. Sorun ajax ile query string üzerinden gönderilen türkçe karakter.

query adında bir parametremiz ve bu parametrenin Çicek adında bir değeri olsun. Göndericeğimiz sayfanın ismide index.asp. Url olarak tam görünümü index.asp?query=Çiçek şeklinde olacaktır. Ajax üzerinden bu url gönderdiğimde Internet Explorer 6 – Internet Explorer 7 içinde query parametresinin değeri iek olarak görülüyordu. Firefox, Opera, Safari, Google Chrome içinde ise değer düzgün şekilde iletiliyordu. İlk olarak encoding ayarlarından şüphelendim. Database ve gönderdiğim sunucu sayfasının encoding ve karakter setini kontrol ettiğimde olması gerektiği gibi UTF-8 olduğunu gördüm.

Internette biraz araştırdıktan sonra sorunun javascript üzerinden gönderilen verinin encoding ayarları ile ilgili olduğunu anladım. Çözüm için javascript üzerinden gönderilen türkçe karakterlere sahip verinin sunucu sayfasına encoding yapılarak gönderilmesini sağlayan ve javascript içinde hazır bir fonksiyon olarak kullanılan encodeURIComponent() buldum. Göndericeğimiz değeri bu fonksiyon içinde gönderdiğimde problem ortadan kalkmıştı.

Örnek:

index.asp?query=<strong>encodeURIComponent("</strong><strong>Çiçek</strong><strong>")</strong>

Bu sorunu çözdükten sonra sayfaları incelemeye başladığımda Internet Explorer 6 – Internet Explorer 7 içinde sayfadaki verilerin cache lediğini farkettim. Yine biraz araştırdıktan sonra bu sorununda genel bir sorun olduğunu ve bunu düzeltmek içinde ufak bir trick kullanıldığını gördüm. Yapılan iş aslında çok basitti. Var olan url ile birlikte query srting üzerinden random bir sayı üretilerek gönderilen başka bir parametre göndermek sorunu çözüyordu. Bu iş kullandığım ve gayet güzel iş gören fonksiyonu aşağıda bulabilirsiniz.

function noCache(uri){
return uri.concat(.test(uri)  &amp;  , noCache=, (new Date).getTime(), ., Math.random()1234567);
}

Ajax içinde göndericeğimiz URL’i bu fonksiyon içinde gönderdiğimizde artık Cache problemide ortadan kalkacaktır.

noCache(index.asp?query=encodeURIComponent("Çiçek"))

olarak gönderdiğimizde çıktı olarak karşımıza

index.asp?query=Çiçek&amp;noCache=Random

Sayı şeklinde bir url verecektir. Kolay gelsin.