Kelime Parçalayıp Birleştirme (Split – Join ve Explode – Implode)

 bcakir
 3 Temmuz 2011

Merhaba arkadaşlar geçen yaptığımız dinamik form elemanı ekleme ve silme uygulamasında aklıma bir konu takılmıştı yazmayı düşündüğüm. O uygulamada JavaScript ile kelimeyi birleştirip PHP ile ayırmıştık. Düşündüm ki hem JavaScript hem de PHP ile kelime parçalama ve birleştirmeyi tam olarak anlatsam sizlere daha yararlı olabilirim. Bu uygulamamızda yine JQuery kütüphanesi ile çalışacağız. JavaScrit ile 2 tane textboxdan aldığımız bilgiyi birleştirip PHP ye göndereceğiz daha sonra PHP ile bunları ayıracağız. Daha sonra geriye PHP ile kelime birleştirerek değer yollayıp bu sefer JavaScrip sayfamızda bulunan 2 tane divin içine yazdıracağız. Bu uygulamamızla hem kelime parçalayıp bölmeyi hemde JQuery kütüphanesi ile veri transfer etmenin tekrar üzerinden geçmiş olacağız. Şimdi JavaScript sayfamızı geliştirmeye başlayalım.

<html>
<head>
<title>Kelime Parçalayıp Birleştirme</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
function gonder() {
    var veriler = new Array();
    //değerleri veriler dizisine aldım
    veriler[0]=document.getElementById("txt1").value;
    veriler[1]=document.getElementById("txt2").value;
    //diziyi join ile aralara - koyarak tek bir yazıya çevirdim
    gonderimler = veriler.join("-");

            //veri.php dosyasına birleştirilen değerleri gönderiyoruz
		    $.ajax({
		        type:'GET',
		        url:"veri.php?veri="+gonderimler,
		        success: function (msg) {
                    //veri.php dosyasından gelen değerleri ayırıyoruz
                    var sonuclar = msg.split("-");
                    //ayırdığımız değerleri divlere yazdırıyoruz
                    document.getElementById("sonuc1").innerHTML=sonuclar[0];
                    document.getElementById("sonuc2").innerHTML=sonuclar[1];
		        }
		    });
		}
</script>
</head>
<body>
<form>
<input maxlength="100" type="text" id="txt1" value=""/>
<input maxlength="100" type="text" id="txt2" value=""/>
<INPUT type="button" value="Gönder" onclick="gonder()"/>
<div id="sonuc1"></div>
<div id="sonuc2"></div>
</form>
</body>
</html>

Kodu teker teker ele alarak, kodların önüne adım adım ne yaptığımı yazdım. Eğer anlamadığınız bir şey olduysa lütfen yorum yazmayı ihmal etmeyin. veri.php içeriğini de vererek uygulamamızı tamamlayalım.

<?php
// veri.php olarak kaydedin
if (isset($_GET['veri'])){
    $gelenler=$_GET['veri'];

//gelen değerleri birbirinden ayırdık
$degerler = explode("-",$gelenler);

//gidecek değerleri belirliyoruz
$gidecek[0]="işlem başarılı";
$gidecek[1]=count($degerler)." tane değer geldi";

//değerleri araya - koyarak birleştiriyoruz
$gonder=implode("-",$gidecek);

//echo ile yazdırarak JavaScrip sayfasına geri gönderiyoruz
echo $gonder;
}
?>

veri.php sayfasının içeriğini de vererek uygulamamızı tamamladık. Bu yazımda önemli olduğunu düşündüğüm bir konuyu incelemiş bulunduk. Bu aralar facebook uygulama geliştiriyorum o yüzden yazamamıştım. Bundan sonra facebook uygulama geliştirme üzerine de yazılar yazacağım. Bir sonraki makalemde görüşmek üzere.

 1.963 Okunma

Yazı hakkında görüşlerinizi belirtmek istermisiniz?

Daha fazla JavaScript, JQuery, Php
Kapat