JQUERY USTALARI ACİL-jquery change metodu ile ajax yollama

04-02-2020, 22:51:12

Arkadaşlar bir formum var ve bu formda firma istedigi kadar resim yükleyebiliyor. Kaç tane resim yüklemek istiyorsa seçimini yapıyor ve o kadar yükleme kısmı geliyor.jquery ile yaparak sayfa yenilemeden işlemi yapmak istedim ama sanırsam genede sayfa yenilemesi yapması gerekiyor

[B]Php kodlarım[/B]
<select name="resimadet" id="resad">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
<?php if(@$_POST["adet"]):
echo $_POST["adet"];
for ($i=0;$i<$_POST["adet"];$i++): ?>
<input class="form-control mt-2" name="res1" type="file" placeholder="Firma Resminiz" required="required">
<div id="adets"></div>
<?php
endfor;
endif; ?>

ajax kodlarım

$("#resad").change(function () {
   var adet=$("#resad").val();
    $.ajax({
       url:"<?php echo URL; ?>firmaekle/<?php echo $_GET["ad"];?>/<?php echo $_GET["id"]; ?>",
       type:"POST",
        data:{        
    'adet':adet        },
 success:function (donen) {            $("#adets").html("barasili");        }    })})
[B][/B]

04-02-2020, 22:56:18

#2

Shitric

php kısmında çıktıyı alıyorsun ama html kısmında güncelleme yapmıyorsun, dolayısıyla sonucu ekrana basmıyor. #adets idsindeki elemente yaptığın gibi sonucu ekrana yazdırman lazım

04-02-2020, 22:57:47

#3

~~geceyarisi~~

Üyeliği durduruldu

niye böyle yapıyorsun ki zaten, ajax ile oluşturma, normal file element i ekle html array ile

04-02-2020, 22:58:03

#4

zeytin8899

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

php kısmında çıktıyı alıyorsun ama html kısmında güncelleme yapmıyorsun, dolayısıyla sonucu ekrana basmıyor. #adets idsindeki elemente yaptığın gibi sonucu ekrana yazdırman lazım

hocam peki onu nasıl yapacam ekrana yazdırdıgımda çıkmıyor ki..dediginiz gibi syfa güncellenmesi gerekiyor ama nasıl yapacam,.

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

niye böyle yapıyorsun ki zaten, ajax ile oluşturma, normal file element i ekle html array ile

hocam multi olarak eklemeyi biliyorumda bu yöntem pek çok işimde laızm oluyor birde sinir oldum yapamadım o yüzden birazda inatlaştım..

04-02-2020, 23:00:07

#5

~~geceyarisi~~

Üyeliği durduruldu

success:function (donen) { $("#adets").html(donen); } })})

04-02-2020, 23:02:43

#6

Shitric

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

hocam peki onu nasıl yapacam ekrana yazdırdıgımda çıkmıyor ki..dediginiz gibi syfa güncellenmesi gerekiyor ama nasıl yapacam,.

hocam multi olarak eklemeyi biliyorumda bu yöntem pek çok işimde laızm oluyor birde sinir oldum yapamadım o yüzden birazda inatlaştım..

http://prntscr.com/qxkm1q öncelikle sonucu verecek php fonksiyonuna post ile istek atıyorum, daha sonrasında gelen çıktıyı response değişkenine aktarıyorum. Son olarak da kırmızı ile altı çizili elementin içeriğini php fonksiyonundan gelen çıktı ile güncelliyorum.
http://prntscr.com/qxkmue burası da php fonksiyonunda içeriği response olarak verdiğim kısım.

Mantığı anlaman için güncel projemden bir örnek gösterdim, umarım işini görür

04-02-2020, 23:02:56

#7

zeytin8899

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

success:function (donen) { $("#adets").html(donen); } })})

hocam donen bir verim yokki burda tek amaç adet bilgisi alıp for döngüsünü çalıştırmak.

04-02-2020, 23:03:37

#8

ssusar

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

Arkadaşlar bir formum var ve bu formda firma istedigi kadar resim yükleyebiliyor. Kaç tane resim yüklemek istiyorsa seçimini yapıyor ve o kadar yükleme kısmı geliyor.jquery ile yaparak sayfa yenilemeden işlemi yapmak istedim ama sanırsam genede sayfa yenilemesi yapması gerekiyor

Ajax ile gönderim yaptığın adres doğru olmadığını tahmin ediyorum. Network kısmında yapman gereken dönüş json olarak yapmalısın.
Sıkıntısız resimler ile yüklemek için formdata kullanmanı tavsiye ederim.

var form = $("form")[0];
var formData = new FormData(form);

$.ajax({        type: "POST",        url: $("form").attr("action"),         data: formData,        contentType: false,        processData: false,        beforeSend: function () {                   },        success: function (data) {         var response = data;         console.log(response);        }    });});

Bu şekilde kullanılabilir.

04-02-2020, 23:11:12

#9

zeytin8899

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

http://prntscr.com/qxkm1q öncelikle sonucu verecek php fonksiyonuna post ile istek atıyorum, daha sonrasında gelen çıktıyı response değişkenine aktarıyorum. Son olarak da kırmızı ile altı çizili elementin içeriğini php fonksiyonundan gelen çıktı ile güncelliyorum.
http://prntscr.com/qxkmue burası da php fonksiyonunda içeriği response olarak verdiğim kısım.

Mantığı anlaman için güncel projemden bir örnek gösterdim, umarım işini görür

Hocam bana$_POST["adet"] kısmının gelmesi lazım bana dönen veri laızm deigl sadece for döngüsünün işlemesi için adet kısmını almam lazım. Kodlarınızdan tam olarak çıkaramadım durumu.

<?php
if(@$_POST["adet"]): 
   echo $_POST["adet"];
for ($i=0;$i<$_POST["adet"];$i++): ?>
<input   class="form-control mt-2" name="res1" type="file" placeholder="Firma Resminiz" required="required">    <div id="adets"></div>
<?php
endfor
;endif; ?>

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

Ajax ile gönderim yaptığın adres doğru olmadığını tahmin ediyorum. Network kısmında yapman gereken dönüş json olarak yapmalısın.
Sıkıntısız resimler ile yüklemek için formdata kullanmanı tavsiye ederim.

var form = $("form")[0];
var formData = new FormData(form);

$.ajax({        type: "POST",        url: $("form").attr("action"),         data: formData,        contentType: false,        processData: false,        beforeSend: function () {                   },        success: function (data) {         var response = data;         console.log(response);        }    });});

Bu şekilde kullanılabilir.

hocam url yanlış degil olsaydı network kısmında gözükmezdi benim tek amacım şuanda firma adet seçecek ve o kadar dosya kısmı çıkacak tek sıkıntım bu. Ajax ile yükleme kısmını yapmıyorum şu anda sadece adet bilgisini alıp işlemek istiyorum.

donen veriyi yazdıgımda bu sefer tum html aldı ve sayfa içinde sayfa yarattı