jQuery Sayfa Yenilenmeden Veri Getirme

16-12-2021, 10:50:19

Merhaba, alt kısıma inputların görselini ekledim. Yapmak istediğim şey sol tarafta veri tabanından çektiğim kodlardan birini seçtiğimde cinsi kısmında yine veritabanındaki bir kayıtı oraya sayfa yenilenmeden yazdırmak istiyorum.

Bir kaç deneme yaptım fakat sağlıklı çalışmadı, yardımcı olabilecek var mı?

16-12-2021, 10:58:02

#2

Devaloper

Aşağıdaki kodlardan yola çıkarak yapabilirsin sanırım hocam.

$.ajax({
    type: "GET",
    url: "veri.php",             
    dataType: "html",           
    success: function(response) {$("#input").html(response);}
});

16-12-2021, 10:58:40

#3

gurbuzemre

Ieader adlı üyeden alıntı: mesajı görüntüle

Merhaba, alt kısıma inputların görselini ekledim. Yapmak istediğim şey sol tarafta veri tabanından çektiğim kodlardan birini seçtiğimde cinsi kısmında yine veritabanındaki bir kayıtı oraya sayfa yenilenmeden yazdırmak istiyorum.

Bir kaç deneme yaptım fakat sağlıklı çalışmadı, yardımcı olabilecek var mı?

Ajax ile yapabilirsin. Soldaki field seçilince ajax sorgusu ile sağ tarafı döndürürsün sorunsuz çalışır

16-12-2021, 10:58:56

#4

eypoffcl

Jquery select onchange and post ajax diye aratırsanız işinize yarayacaktir.
Ya da kod blogu ekleyin biz yardımcı olalım.

16-12-2021, 11:01:58

#5

Ieader

Veritabanı Sorgusu:

Sayfaya Gönderme:

Listeleme:

eypoffcl adlı üyeden alıntı: mesajı görüntüle

Jquery select onchange and post ajax diye aratırsanız işinize yarayacaktir.
Ya da kod blogu ekleyin biz yardımcı olalım.

16-12-2021, 11:06:52

#6

eypoffcl

Ieader adlı üyeden alıntı: mesajı görüntüle

Veritabanı Sorgusu:

Sayfaya Gönderme:

Listeleme:

Hocam listproducts zaten yapmışsınız.
Sanırım şimdi istediğiniz $qCode değerine göre bir daha ajax post edip gelen değeri sağ tarafa yazdırmak.

select etiketine onchange="getProductNewValue(this);"
ekleyin

Ardından javascript ile
function getProductNewValue(oldValue){
console.log(oldValue);
//ajax kodlari buraya
}

Bu kodu ekleyin. Konsola seçilen option değeri geliyor mu ona bakın. Ardından ajax kodlarinizi ekleyin ve oldValue yi post edin
Post edilen oldValue göre sql sorgunuzu yapıp yeni değerin çıktısını verin.

16-12-2021, 11:13:18

#7

Ieader

eypoffcl adlı üyeden alıntı: mesajı görüntüle

Hocam listproducts zaten yapmışsınız.
Sanırım şimdi istediğiniz $qCode değerine göre bir daha ajax post edip gelen değeri sağ tarafa yazdırmak.

select etiketine onchange="getProductNewValue(this);"
ekleyin

Ardından javascript ile
function getProductNewValue(oldValue){
console.log(oldValue);
//ajax kodlari buraya
}

Bu kodu ekleyin. Konsola seçilen option değeri geliyor mu ona bakın. Ardından ajax kodlarinizi ekleyin ve oldValue yi post edin
Post edilen oldValue göre sql sorgunuzu yapıp yeni değerin çıktısını verin.

Sağ olun hocam,

Konsola bu şekilde geliyor.

16-12-2021, 11:17:14

#8

eypoffcl

Ieader adlı üyeden alıntı: mesajı görüntüle

Sağ olun hocam,

Konsola bu şekilde geliyor.

Pardon hocam.
getProductNewValue($(this).val());

Olarak düzeltir misiniz?

option etiketlerine de
value="list product degeri"
Value içerisine php ile gelen değeri ekleyin hocam düzenlemeleri yaptiktan sonra konsol size value degerlerini verecektir.

Ondan sonrası zaten fonksiyon içi ajax post

16-12-2021, 11:19:34

#9

Ieader

eypoffcl adlı üyeden alıntı: mesajı görüntüle

Pardon hocam.
getProductNewValue($(this).val());

Olarak düzeltir misiniz?

Tamamdır hocam, aldım veriyi

Şimdi Ajax ile post edeceğim value kısmına nasıl yazdırabilirim?