Ajax - sende oplysninger med ved klik

<a class="refresh" href="test2.html?value=xxx&value2=xxx&value3=xxx">click</a>

<a class="refresh" href="test2.html?value=yyy&value2=yyy&value3=yyy">click2</a>

<script>
    $(function() {
      $(".refresh").click(function(evt) {
          evt.preventDefault();
          $("#loaddiv").load($(this).attr('href'))
      })
    })
</script>

Vil ovenstående ikke resultere i en refresh af hele siden, eller er skal "evt.preventDefault" forhindre dette?

Jeg vil gerne undgå at brugere uden javascript ikke bliver sendt til test2.html, men at der i stedet ikke sker noget.

<ole>

Nej, evt.preventDefault() 'dræber' event'en

/mvh
</bole>

Jo brugere uden javascript vil ryge til test2.html

Men i moderne web udvikling kan man næææææsten formode at de har JS på. Alternativt bruger du bare en anden attribut, det virker bare uhensigtsmæssigt.


<a class="refresh" rel="test2.html?value=yyy&value2=yyy&value3=yyy" href="#">click2</a>

<script>
    $(function() {
      $(".refresh").click(function(evt) {
          evt.preventDefault();
          $("#loaddiv").load($(this).attr('rel'))
      })
    })
</script>

@jokkejensen: Jeg ved godt, at den 'attribute abuse' er vældig trendy, men det kan næppe anbefales, hvis koden ønskes valid  =)

olebole...> Er der et alternativ til at gøre det sådan?

Ja, man kan vel bare skrive:

- men det er ganske utestet  =)

- og slet første linje. Den skal naturligvis ikke med  :D

olebole...> Er det ikke magen til det forslag du sagde ikke overholdt standard?

Jeg har observeret noget jeg ikke ved hvordan jeg skal håndtere.

Jeg har lavet ovenstående, således at når der klikkes hentes indholdet af test.php. Dette fungerer. Output af test.php vil stige med 1, hver gang der klikkes, men det ser ud som om at indholdet caches, således at der altid vises det samme. Kan jeg gøre noget for at dette ikke sker?

olebole...> Glem min sidste kommentar til dig. Det jeg mente var at den ikke ville løse mit ønske om at test2.html ikke blev åbnet hvis brugeren ikke har javascript aktiveret.

Nej, så de to japanere, der ikke har JS aktiveret ryger videre. Har du nogen reelle problemer, vi kan løse?  =)

Hvad med søgemskinerne? Skal de kunne finde indholdet?

olebole...> Nej, der er ikke noget for søgemaskinerne at indeksere.


Har du nogen idé om hvordan jeg kan løse cache-problemet?

Nej, ikke med jQuery. Man kan sikkert skrive noget à la:


- men det er ikke nogen køn løsning!

Så vidt jeg ved, har jQuery noget anti-cache-halløj, men der er jokkejensen mere vidende end jeg  =)

Jeg faldt over denne:



ændres til



...men ved ikke om der er en anden mere "stueren" løsning?

Ja, det er stortset det samme som min i #14, men den er ikke så køn  =)

Bruger man jQuery's ajax metode, kan man vist skrive noget à la:


- men det tror jeg ikke har indflydelse med den fremgangsmåde, du bruger

jokkejensen og olebole...>
Tak for deltagelse i tråden. Læg et svar og der er point på vej.

Ole >> #5, Nej men nu ønsker han jo ikke at de skal ind på siden. Men enig.

Kfisker >> Hvis du vil løse det korrekt skal du jo lade test2.html håndtere brugere uden javascript, altså smide en parameter med om det er asynkront eller ej.

cache:false, sætter også bare time.toticks() på i ajaxSetup, men tror ikke jQuery.load tager de globale ajaxsettings med, men hvorfor ikke også bare bruge ajax i stedet:

<script type="text/javascript">
    $(function() {
      $(".refresh").click(function(evt) {
          evt.preventDefault();
          //$("#loaddiv").load($(this).attr('href'))
          $.ajax({
  url: $(this).attr('href'),
datatype: "html",  success: function(data){
$("#loaddiv").html(data)
  }
});
      });
    });
</script>

svar

Jokke, er der ikke noget med, at jQuery's ajax kan modtage en option cache:false (jeg tænker her på ajax - ikke på ajaxSetup)?

Nu er der næppe én PPM, der har slået JS fra, og de er 'alle otte' vandt til, at WWW for dem ikke er meget større, end det var i 1994  =)

jo den glemte jeg bare, med cache:false, sætter den også bare som du foreslog en get parameter på ved ex test2.html vil kaldet hedde

test2.html?_=XXXXXXXXXX

Jeg gætter hurtigt på at XXXXXXXX er svarer til new Date.valueOf();

formodentligt ticks eller sec's siden 1970 :)

/J

så

{url : "test2.html" + new Date.valueOf(); }

svarer til

{url : "test2.html", cache: false}

Ja, jeg ved godt, der ikke er andre muligheder fra klienten. At jeg anfægtede koden #14 (og #15), skyldes udelukkende 'pænhed'. Selvom der sker det samme 'bag fortæppet', ser cache:false pænere og mere overskueligt ud  =)

olebole...> Skal jeg betragte dit manglede svar, som et tegn på at du ikke ønsker point?

Ja, det kan du roligt. Jeg har ikke modtaget point det seneste årstid - men tak for tanken  *o)