wmaraci reklam

Ajax ile otomatik kayıt nasıl yapılır?

19 Mesajlar 2.096 Okunma
smmexpress

mwt mwt RadKod-İzmir Web Tasarım Kullanıcı
  • Üyelik 16.06.2015
  • Yaş/Cinsiyet 26 / E
  • Meslek Yazılım
  • Konum İzmir
  • Ad Soyad A** B**
  • Mesajlar 839
  • Beğeniler 124 / 150
  • Ticaret 50, (%96)
Merhaba arkadaşlar tablom şu şekilde ;


ok ile gösterdiğim kısımları yani inputlara yeni değer girildiğinde otomatik olarak kayıt edilmesini istiyorum bunu nasıl yapabilirim..

sorunu çözdüm yapım ;

$( document ).ready(function() {
$('body').on('keyup','.inputClass',function(){
var isTyping =$(this).val(); // içindeki değeri aldık
console.log(isTyping);
var inputveri = isTyping;
var Konum =$(this).attr("id"); // konumu aldık
var name =$(this).attr("name"); // konumu aldık
console.log(Konum);
var id = Konum;
var msg = $('.SonucDiv');
$.ajax({
type: 'POST',
url: "digerinput.php",
//data: data + '-' + id,
data: {"inputveri": inputveri, "id": id, "name": name},
cache: false,
success: function(html){
msg.html(html);
}
});
});
});
 

 

wmaraci
reklam

ontedi ontedi www.ontedi.com Kullanıcı
  • Üyelik 03.10.2013
  • Yaş/Cinsiyet 44 / E
  • Meslek Yazılım Uzmanı, Matematikçi
  • Konum Ankara
  • Ad Soyad S** T**
  • Mesajlar 1119
  • Beğeniler 325 / 324
  • Ticaret 2, (%100)
Hocam, inputlar için addeventlistener (dinleyici) eklemen gerekmektedir. Bu dinleyici, inputun keyup olayı için geçerli olursa ajax ile içindeki değeri gönderip güncelleyebilirsin.

kısaca şöyle yazayım

jquery(".nesne").change(function(){
var deger = jquery(this).val()
// burada ajax işlemleri
})
 

 

www.ontedi.com
www.cizgi.site

mwt mwt RadKod-İzmir Web Tasarım Kullanıcı
  • Üyelik 16.06.2015
  • Yaş/Cinsiyet 26 / E
  • Meslek Yazılım
  • Konum İzmir
  • Ad Soyad A** B**
  • Mesajlar 839
  • Beğeniler 124 / 150
  • Ticaret 50, (%96)

ontedi adlı üyeden alıntı

Hocam, inputlar için addeventlistener (dinleyici) eklemen gerekmektedir. Bu dinleyici, inputun keyup olayı için geçerli olursa ajax ile içindeki değeri gönderip güncelleyebilirsin.

kısaca şöyle yazayım

jquery(".nesne").change(function(){
var deger = jquery(this).val()
// burada ajax işlemleri
})


fakat o inputlar dinamik yani kodu şu şekilde oluyor html'de ;



ben bunu normal'de güncelletiyorum fakat veritabanı bir süre sonra şişecek bunu ajax ile yapmam gerekiyor
 

 

ontedi ontedi www.ontedi.com Kullanıcı
  • Üyelik 03.10.2013
  • Yaş/Cinsiyet 44 / E
  • Meslek Yazılım Uzmanı, Matematikçi
  • Konum Ankara
  • Ad Soyad S** T**
  • Mesajlar 1119
  • Beğeniler 325 / 324
  • Ticaret 2, (%100)
Farketmez hocam

Bunların bir kapsul içinde olduğunu varsayıyorum.

jQuery(".kapsul").delegate("input", "click", function () {
var intDeger = jQuery(this).val();
//sonra ajax işlemleri
});
 

 

www.ontedi.com
www.cizgi.site
wmaraci
wmaraci

FurkanKandemir FurkanKandemir WM Aracı Kullanıcı
  • Üyelik 25.05.2015
  • Yaş/Cinsiyet 32 / E
  • Meslek Web Yazılım Uzmanı
  • Konum İstanbul Anadolu
  • Ad Soyad F** K**
  • Mesajlar 833
  • Beğeniler 0 / 287
  • Ticaret 13, (%100)
Zamanında bende buna benzer bir işlem yapmıştım dinamik input üretip daha sonra veri yazdırma ama benim tablom daha karmaşıktı. Atladığınız nokta db'ye yazdırdığınız input hangi ay ve hangi h/s/b/o ya ait olduğunu ve hangi satır için işlem yapıldığını da kontrol ettirmek lazım yoksa sadece ajax ile change olduğunda db ye atmak önemli değil ki.
Sistem tam olarak nasıl işliyor sayfanızda bilmiyorum ama gördüğüm kadarıyla dediğim kontrolleri yapmak şart.
Çözüm olarak çok boyutlu dizi ve ya input'lara özellik tanımlayıp post ederken ajax ile attr metodu kullanarak konumunu algılatmak gerekli
 

 

mwt mwt RadKod-İzmir Web Tasarım Kullanıcı
  • Üyelik 16.06.2015
  • Yaş/Cinsiyet 26 / E
  • Meslek Yazılım
  • Konum İzmir
  • Ad Soyad A** B**
  • Mesajlar 839
  • Beğeniler 124 / 150
  • Ticaret 50, (%96)

FurkanKandemir adlı üyeden alıntı

Zamanında bende buna benzer bir işlem yapmıştım dinamik input üretip daha sonra veri yazdırma ama benim tablom daha karmaşıktı. Atladığınız nokta db'ye yazdırdığınız input hangi ay ve hangi h/s/b/o ya ait olduğunu ve hangi satır için işlem yapıldığını da kontrol ettirmek lazım yoksa sadece ajax ile change olduğunda db ye atmak önemli değil ki.
Sistem tam olarak nasıl işliyor sayfanızda bilmiyorum ama gördüğüm kadarıyla dediğim kontrolleri yapmak şart.
Çözüm olarak çok boyutlu dizi ve ya input'lara özellik tanımlayıp post ederken ajax ile attr metodu kullanarak konumunu algılatmak gerekli


hocam input'un id sine göre verileri kayıt ettireceğim

Ek Olarak:

FurkanKandemir adlı üyeden alıntı

Zamanında bende buna benzer bir işlem yapmıştım dinamik input üretip daha sonra veri yazdırma ama benim tablom daha karmaşıktı. Atladığınız nokta db'ye yazdırdığınız input hangi ay ve hangi h/s/b/o ya ait olduğunu ve hangi satır için işlem yapıldığını da kontrol ettirmek lazım yoksa sadece ajax ile change olduğunda db ye atmak önemli değil ki.
Sistem tam olarak nasıl işliyor sayfanızda bilmiyorum ama gördüğüm kadarıyla dediğim kontrolleri yapmak şart.
Çözüm olarak çok boyutlu dizi ve ya input'lara özellik tanımlayıp post ederken ajax ile attr metodu kullanarak konumunu algılatmak gerekli


bakın hocam kod ve veri tabanı şu şekilde ;




tam olarak aslında :) phpmyadmin'deki tablo sistemi olsa harika olacak :D
 

 

FurkanKandemir FurkanKandemir WM Aracı Kullanıcı
  • Üyelik 25.05.2015
  • Yaş/Cinsiyet 32 / E
  • Meslek Web Yazılım Uzmanı
  • Konum İstanbul Anadolu
  • Ad Soyad F** K**
  • Mesajlar 833
  • Beğeniler 0 / 287
  • Ticaret 13, (%100)
inputlara ortak bir class verirsiniz. Eğer ki change'te sorun yaşarsanız change yerine bunuda kullanabilirsiniz.


$('body').on('keyup','.inputClass',function(){

// ajax işlemleri
});





$(".inputClass").change(function(){
var Deger =$(this).val(); // içindeki değeri aldık
var Konum =$(this).attr("id"); // konumu aldık
$.ajax({
type: "POST",
url: "inputAjax.php",
data:{Deger :Deger ,Konum:Konum},
success: function(cevap){
$(".SonucDiv").html(cevap); // veya istediğiniz başka bir şey
},
error:function(){ $(".SonucDiv").html("Hata oluştu."); }
});
})


Not: Bu cevabı yazarken sonradan eklediğiniz resimleri görmemiştim :)
 

 

mwt mwt RadKod-İzmir Web Tasarım Kullanıcı
  • Üyelik 16.06.2015
  • Yaş/Cinsiyet 26 / E
  • Meslek Yazılım
  • Konum İzmir
  • Ad Soyad A** B**
  • Mesajlar 839
  • Beğeniler 124 / 150
  • Ticaret 50, (%96)

FurkanKandemir adlı üyeden alıntı

inputlara ortak bir class verirsiniz. Eğer ki change'te sorun yaşarsanız change yerine bunuda kullanabilirsiniz.


$('body').on('keyup','.inputClass',function(){

// ajax işlemleri
});





$(".inputClass").change(function(){
var Deger =$(this).val(); // içindeki değeri aldık
var Konum =$(this).attr("id"); // konumu aldık
$.ajax({
type: "POST",
url: "inputAjax.php",
data:{Deger :Deger ,Konum:Konum},
success: function(cevap){
$(".SonucDiv").html(cevap); // veya istediğiniz başka bir şey
},
error:function(){ $(".SonucDiv").html("Hata oluştu."); }
});
})


Not: Bu cevabı yazarken sonradan eklediğiniz resimleri görmemiştim :)


hocam kodlarınız için teşekkür ederim fakat, hiç bir şey olmuyor



inputlara değer girdikten sonra consoldan bakmak için get yaptım fakat consol'danda gözükmedi sonuc dive gelen veriyi yazdırdım gidiyormı gitmiyormu bilemedim o yuzden
 

 

FurkanKandemir FurkanKandemir WM Aracı Kullanıcı
  • Üyelik 25.05.2015
  • Yaş/Cinsiyet 32 / E
  • Meslek Web Yazılım Uzmanı
  • Konum İstanbul Anadolu
  • Ad Soyad F** K**
  • Mesajlar 833
  • Beğeniler 0 / 287
  • Ticaret 13, (%100)
Aynılarını bende kullanıyorum :)
Siz yine post edin orayıda şöyle yapalım jQuery'nin içine alert("test"); yazalım acaba jquery mi çalışmıyor veri mi alamıyor debug koyup adım adım giderseniz sorunu da bulmuş olursunuz. inputAjax.php oluşturmayı unutmayınız.
Değerleri konsolda görmek için console.log(); kullanmanız yeterli
 

 

mwt mwt RadKod-İzmir Web Tasarım Kullanıcı
  • Üyelik 16.06.2015
  • Yaş/Cinsiyet 26 / E
  • Meslek Yazılım
  • Konum İzmir
  • Ad Soyad A** B**
  • Mesajlar 839
  • Beğeniler 124 / 150
  • Ticaret 50, (%96)
jquery çalışmıyor hocam :) ama neden
 

 

wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al