YazılımDjangoHTMLPython

Python Ajax Nasıl Kullanılır?

Django Ajax Nasıl Kullanılır?

Python Ajax Nasıl Kullanılır? En yaygın yazılım programlama dillerinden birisi olan Python’da sınırsız fonksiyonlar bulunmaktadır. Bunlardan yaygın olanlardan birisi de Ajax’dır. İsterseniz ilk olarak Ajax’ın ne olduğu hakkında bilgi sahibi olalım.

Ajax Nedir?

Ajax ise jQuery yazılımlarının içerisinde barınan bir fonksiyondur. Ajax fonksiyon kullanımları genel olarak dinamik form gönderme işlemlerinde kullanılmaktadır. Form gönderme işlemlerinin yanı sıra çoğu zaman sayfa yenilemeden veri gönderme işlemlerinde de kullanılmaktadır. Bu işlemde sayfa yenileme yapmadan butona tıklama işlemi gerçekleştirilmesinin ardından belirlenen bir dinamik sayfaya POST – GET şeklinde gönderim yapılarak cevabı HTML sayfalarında gösterim gerçekleştirmektedir. 

Ajax fonksiyonlarının yaygınlaşmasının nedenleri arasında sayfanın herhangi bir alanına giderek yenileme işlemini engellemesidir. Bu fonksiyon dinamik veri gönderme gibi işlemlerde tercih edilmektedir. Peki Ajax’ın çalışma prensipleri nedir, nasıl çalışır? İçeriği okumaya devam edin.

Ajax Nasıl Çalışır?

Ajax’ın çalışma şekli ile ilgili internet ortamlarında çok fazla bilgi olsa da çoğu kişi bunu net bir şekilde açıklayamamaktadır. Ajax en basit tabir ile jQuery fonksiyonlarından birisidir ve “js” dosyası içerisine yazılmaktadır. Bu dosya içerisinde çağrılan sayfa için çalışma işlevi göstermektedir. Genel olarak yazılımcılar tarafından js dosyası içerisine yerleştirilmeden önce <script> etiketini kullanarak yazmaktadırlar.

Ajax’ın çalışma prensibini bir form üzerinde örnekle aktaralım.

  • Bir form içerisinde “Gönder”, “Onayla” gibi butonlara tıklama işlemi gerçekleştirilir.
  • Tıklama işlemi sonrasında buton içerisinde yazan yazıda jQuery içerisinde yer alan Ajax’ı tetikleme işlevi görür.
  • Bu işlem sonrasında ise Ajax belirlediği dinamik sayfada gösterilen yapılan işlemleri baz alır.
  • Ajax genel olarak bulunduğu sayfa içerisinde ki elementin içerisine dinamik sayfada gerçekleşen olayları basmaktadır.

Ajax çalışma mantığı aslında çok basittir fakat açıklama terimlerinde çok fazla kaybolmamanızı öneririz. Test veya deneme yanılma yolu ile çalışma prensibini anlayabilirsiniz.

>> Mantık çerçevesinde html sayfa içerisinden dinamik sayfa içerisine gönderilen verileri html sayfa içerisinde yazdırma işlevidir.

Ajax çalışmaları genel olarak aklınıza gelebilecek birçok form gibi işlemlerde tercih edilmektedir. Web sitenizde bir iletişim formu oluşturacağınızı düşünün formun en altında yer alan “Gönder” butonu üzerinde ki veri gönderme işlevlerini çalıştırmaktadır.

HTML Sayfa İçerisine Ajax Kodu Nasıl Yazılır?

HTML sayfa çalışmasının içerisine Ajax kodu yazıyoruz. Bu yazma işlemlerinin ardından form verileri dinamik sayfa içerisine gönderme yapıyoruz. Bu işlemler neticesinde sayfa yenileme işlemi yapılmadan form gönderimleri gerçekleştirilmektedir. 

Örnek bir kodu “index.html” dosyası içerisine yerleştirelim. 

<html>
<head>
    <meta charset="utf-8">
</head>
<style>
td{padding:5px 10px;}
</style>
<body>
	<form method="post" action="" enctype="multipart/form-data">
		<table border="0">
			<tr>
				<td><label for="">Ad Soyad</label></td>
				<td><input type="text" value="" name="adsoyad" id="adsoyad" /></td>
			</tr>
			<tr>
				<td><label for="telefon">Telefon</label></td>
				<td><input type="text" value="" name="telefon" id="telefon" /></td>
			</tr>
			<tr>
				<td><label for="konu">Konu</label></td>
				<td><input type="text" value="" name="konu" id="konu" /></td>
			</tr>
			<tr>
				<td><label for="mesaj">Mesaj</label></td>
				<td><textarea name="mesaj" id="mesaj"></textarea></td>
			</tr>
			<tr>
				<td colspan="2">
					<input type="submit" value="Gönder" name="gonder" id="gonder" />
					<input type="hidden" value="1" name="gizli" />
				</td>
			</tr>
			<tr>
				<div id="cikti"></div>
			</tr>
		</table>
	</form>
	
	<script src="https://code.jquery.com/jquery-1.7.2.min.js"></script>
	<script>
		$( document ).ready(function() {
			$( "#gonder" ).on( "click", function() {
				$.ajax({
					type: 'POST',
					url: 'gonder.php',
					data: $('#iletisim-formu').serialize(),
					success: function(ajaxCevap) {
						$('#cikti').html(ajaxCevap);
					}
				});
			});
		});
	</script>
</body>
</html>

Ajax çalışma mantığı bu şekildedir ve Python üzerinde Ajax’ı bu şekilde çalıştırabilirsiniz. Bu yazımızda Python dili Django frameworkün’de ajax nasıl kullanılır onu işledik, okuduğunuz için teşekkürler.

-Kıvırcık Yazılımcı Django

Kıvırcık

Güncel yazılım bilgileri, django dersleri, python dersleri, javascript derslerine dair yazılar ve bilgiler paylaşacağım

İlgili Makaleler

Bir cevap yazın

E-posta hesabınız yayımlanmayacak.

Başa dön tuşu