Okidač unutar rezultata Ajaxa

Okidač unutar rezultata Ajaxa 13.05.2014. u 11:24 · pre 151 mesec #1

Poštovani,

Napravio sam da izlistava kroz ajax neki upit iz baze, to radi savršeno.

Međutim, meni treba da se može menjati određeni red iz baze, odnosno da mogu da pokrenem okidač klikom, a to neće da mi radi.

Pokušao sam sa javascript:alert(); da stavim u link, to radi, a kad stavim da pokrene neku drugu funkciju ili bilo sta slično, to neće da radi.

Kako ste vi rešavali ovakve probleme?

Rezultat mi je HTML kroz ajax, da li treba da pokušam nešto sa JSON-om? ili?

Hvala unapred,

Potpis

Daniel Dulic

Re: Okidač unutar rezultata Ajaxa 13.05.2014. u 11:56 · pre 151 mesec #2

Moras da budes jasniji i da navedes deo koda koji pokusavas da izvrsis.

Klikom na brisanje bi trebalo da posaljes jos jedan AJAX zahtev koji ce obraditi brisanje recorda, a nakon uspesnog brisanja da sklonis red i iz HTMLa.

Re: Okidač unutar rezultata Ajaxa 13.05.2014. u 12:04 · pre 151 mesec #3

Nije bitno sta da uradim posle, nego uopste da pokrenem neki jQuery okidac, ja posle znam dalje sta kako :)

Code:

         $(document).ready(function(){
                        $("#result").html("<div align=\"center\"><img src=\"img/loader.gif\" /></div>");
             $.ajax({
                    type:"GET",
                    url:"include/ajaxLoadFiles.php",
                    success:function(data){
                        $("#result").html(data);
                e.preventDefault();
                            }
                     });
            $('.okidacNeki').bind('click', function(e) {
                alert("okinuo ga je!");
            });

         });

ajaxLoadFiles.php ima vrednost:

Code:
<table class="table table-striped table-hover">
                    <thead>
                    <tr><th style="width:100px;">File name</th><th>Status</th><th>Action</th><th>Domain</th></tr>
                    </thead>
                    <tbody>
                    <tr><td style="width:100px;"> Call Of Duty Ghosts Devastation Pa...</td><td>active</td><td><a href="javascript:openInfo('5370036fec492');" class="okidacNeki">Info</a></td><td>gotgamefree.us</td></tr><tr><td style="width:100px;">3.jpg</td><td>active</td><td><a href="javascript:openInfo('536ff1a4e014a');" class="okidacNeki">Info</a></td><td>topfreesoftware.us</td></tr><tr><td style="width:100px;">1.jpg</td><td>active</td><td><a href="javascript:openInfo('536b69e7b2ef2');" class="okidacNeki">Info</a></td><td>topfreesoftware.us</td></tr><tr><td style="width:100px;">fbcover.jpg</td><td>active</td><td><a href="javascript:openInfo('536b686a90c5c');" class="okidacNeki">Info</a></td><td>topfreesoftware.us</td></tr><tr><td style="width:100px;">fbcover.jpg</td><td>active</td><td><a href="javascript:openInfo('536b6826631fb');" class="okidacNeki">Info</a></td><td>gotgamefree.us</td></tr><tr><td style="width:100px;">1536536_10202132950037146_552211748...</td><td>active</td><td><a href="javascript:openInfo('536b5c33f0efc');" class="okidacNeki">Info</a></td><td>topfreesoftware.us</td></tr><tr><td style="width:100px;">5.jpg</td><td>active</td><td><a href="javascript:openInfo('5347da1d1df35');" class="okidacNeki">Info</a></td><td>downloadsafe.us</td></tr>
                    </tbody>
                    </table>

Kada postavim direktno u html, a ne kroz ajax, na primer:

Code:
<a href="#" class="okidacNeki">Test</a>

On okine bez problema, a kad je kroz ajax rezultat, isti taj kod nece da radi.

Potpis

Daniel Dulic

Re: Okidač unutar rezultata Ajaxa 13.05.2014. u 12:34 · pre 151 mesec #4

Tebe zapravo muci sto ti ajax ne radi za te nove kontrole. :)

Ok, kreiras nove elemente, moras da uradis rebind za njih inace se funkcije nece okidati.

Mislim da je najbolje da to obradis koristeci .on() funkciju koja, ako se dobro secam, se primenjuje na sve elemente u DOM-u, cak i one koje su naknadno dodati. Koristi poziv sa delegatom naravno.

Dakle, prvo deklasisi sa .on() koji event za koju klasu zelis da obradis i kako, a onda sibni AJAX da ucita podatke.

Iz glave:

Code (javascript):

$("#result").on('click', '.okidacNeki', fucntion () {

          //do the ajax call

     })

Re: Okidač unutar rezultata Ajaxa 13.05.2014. u 12:41 · pre 151 mesec #5

Upravo tako :)

Hvala na odgovoru, malo sam zbunjen, mozete mi samo copy/paste onaj moj kod i direktno na njemu da uradite to?

Pa cu videti kako to da uradim.

Potpis

Daniel Dulic

Re: Okidač unutar rezultata Ajaxa 13.05.2014. u 13:47 · pre 151 mesec #6

Prvo i osnovno, GET je nesiguran, radi sa POST ili get nekako base64_encode a u njemu pošalji neki string koji će biti u stvari array pa se malo igraj i sa str_rot13 itd...

Drugo $("#result").load(data); ako mi se dobro čini je greška - koristi .load() a ne .html() da bi povukao data u određeni div. Nisam siguran dok ne vidim sve...

Pokušaj da se ugradiš u ovo, trebalo bi da ti bude dobitna kombinacija:

Code:
<script type="text/javascript">
$(document).ready(function(){
    var formObj = $("#your_form_id");
    var formURL = formObj.attr("action");
    var formData = $("#your_form_id")[0];
    var formData = new FormData(formData);
    $.ajax({
        url: formURL,
        type: 'POST',
        data: formData,
        mimeType: "multipart/form-data",
        contentType: false,
        cache: false,
        processData: false,
        success: function(data, textStatus, jqXHR)
        {
            $("#return").load(data);
            // ili $("#return").html(data);
        },
        error: function(jqXHR, textStatus, errorThrown){
            $("#return").html("<p style=\"color:#f00\">" + errorThrown + "</p>");
        }
    });
});
</script>

HTML:

<form method="post" action="jour-ajax.php" enctype="multipart/form-data" id="your_form_id">
    <input ...>
    <input ...>
    <input ...>
    <input ...>
    <input ...>
    <input ...>
</form>

Potpis

Web Designer, PHP Developer

Re: Okidač unutar rezultata Ajaxa 13.05.2014. u 14:49 · pre 151 mesec #7

Otprilike:

Code (javascript):

     $(document).ready(function(){

          $("#result").html("<div align=\"center\"><img src=\"img/loader.gif\" /></div>");

          $("#result").on('click', '.okidacNeki', fucntion () {

               $.ajax({

                    type:"POST",

                    url:"include/ajaxDeleteRecord.php",

                    data: { ID: $(this).attr('id') }

                    success:function(data){

                         $(this).parent('tr').remove();

                    }

               });

          })

          $.ajax({

               type:"GET",

               url:"include/ajaxLoadFiles.php",

               success:function(data){

                    $("#result").html(data);

                    e.preventDefault();

                    }

          });

     });

Re: Okidač unutar rezultata Ajaxa 13.05.2014. u 20:39 · pre 151 mesec #8

Hvala vam puno svima. :) Sad cu pokusati, mada mi je sada sve jasno :)

Potpis

Daniel Dulic

Re: Okidač unutar rezultata Ajaxa 02.09.2014. u 14:35 · pre 148 meseci #9

To je sve radilo sjajno, e sad došao sam do novog problema.

Pošto pravim neki novi projekat i odlučio sam da forme koje će se koristiti da se učitavaju kroz ajax. Glavnim stavkama sam pristupao sa on(); međutim, problem je kako da pristupim drugim elementima? Mogu da pristupim sa parent() i next(), a ne mogu direktno sa #idElementa.

Sigurno je neka sitnica u pitanju, da li zna neko mozda kako da resim?
Primer deo koda:

Code:
$(".radniProzor").on('keyup', "#passwords, #repasswords", function(){
                    $(this).parent(this).next(this).css('background','#790000');
                              $("#porukaLozinka").css("display","block");
                              $("#porukaLozinka").html("Proveravam...");});

On promeni boju na jednom elementu, ali na #porukaLozinka ne ispisuje nista.

Potpis

Daniel Dulic

Forum kao aplikacija na telefonu

Srodne teme