Merhaba arkadaşlar, sormak istediğim soru şu;
PHP5'in jSON teknolojisiyle, verileri jSON'a çevirdiğimi varsayalım; atıyorum ki data.php'de verileri jSON'a çevirdim. Onu jQuery de nasıl kullanacağım? Arrayle çektiğimizi varsayarsak..
PHP -> jSON -> jQuery
2
●407
- 23-07-2014, 10:48:03Üyeliği durduruldu
- 23-07-2014, 11:58:18Şu şekilde yapabilirsin hocam;
index.php
<form id="uye_ol"> <input type="text" id="isim" placeholder="İsminiz"> <input type="password" id="sifre" placeholder="Şifreniz"> <input type="submit" value="Üye ol"> </form> <div id="sonuc"></div> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script> $(function(){ $('#uye_ol').submit(function(){ $.post('data.php', { isim : $('#isim').val(), sifre : $('#sifre').val() }, function(cevap){ var obj = $.parseJSON(cevap); if(obj.islem){ // üyelik başarılı ona göre işlem yap $('#sonuc').html(obj.mesaj); }else{ alert(obj.mesaj); } }); return false; }); }); </script>data.php
<?php if(!$_POST) die(); $cevap = array(); if($_POST['isim'] && $_POST['sifre']){ $cevap['mesaj'] = 'İşlem başarılı! Başarıyla üye oldunuz.'; $cevap['islem'] = true; }else{ $cevap['mesaj'] = 'HATA! Lütfen tüm alanları doldurun.'; $cevap['islem'] = false; } echo json_encode($cevap);yada hiç bir data göndermeden direk cevap almak istiyorsan;
index.php
<a id="getir">Getir</a> <div id="sonuc"></div> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script> $(function(){ $('#getir').click(function(){ $.getJSON('data.php', function(cevap){ $.each(cevap, function(indis, deger){ $('#sonuc').append(indis + ' indis\'li değişkenin değeri = ' + deger + '<br/>'); }); }); }); }); </script>data.php
<?php $cevap = array(); $cevap['deger1'] = 'Değer1'; $cevap['deger2'] = 'Değer2'; $cevap['deger3'] = 'Değer3'; echo json_encode($cevap);
- 24-07-2014, 01:28:15Kimlik doğrulama veya yönetimden onay bekliyor.jQuery.ajax metodunda dataType'ı JSON olarak tanımlarsan jQuery onu otomatik olarak nesneye çeviriyor. Örnek ile göstereyim.
$(function () { $.ajax({ url: "ajax/getResult", type: "POST", data: { hello: "world" }, dataType: "json" }).done(function (response) { console.log(response.hello); // world! }); });