Sök  
 
Skribent Inlägget Löst
Google
 
     

  Forum » HTML / CSS / JavaScript » jquery ajax utifrån olika id  
 
Skriven av: Barkwally | den 10 juni 2013 Kl 09:45
jquery ajax utifrån olika id
Hej.
Jag har ett litet problem. Jag försöker hämta ut film information ifrån en databas med hjälp av asp jquery och ajax.
För att hämta rätt film i databasen använder jag olika id nummer.

Kod:

$(function () {
$("#film").click(function(){
    $("#content").load("film.asp?visa=film&id=12");
});

<a id="film"  href="#">Gatsby</a>



Med denna kod kan jag hämta filmen med id nr 12.

Jag skulle vilja ha det så här men vet inte hur jag ska skriva det. Då jag har väldigt många länkar som med olika id nummer.

Kod:

<a class=" (hämtat id nr från databas) "  href="#">Gatsby</a>
<a class=" (hämtat id nr från databas) "  href="#">Epic</a>
<a class=" (hämtat id nr från databas) "  href="#">Croodarna</a>


$(function () {
$(".  (id nr från länken) ").click(function(){
    $("#content").load("film.asp?visa=film&id= (id nr från länken) ");
});



Antal svar 3




Skriven av: voigtan1 | den 10 juni 2013 Kl 18:33
eller så använder du data- attribut på dina element:
Kod:
<a class=" get-ajax "  data-id="(hämtat idnr från databas)" href="#">Gatsby</a>
<a class=" get-ajax "  data-id="(hämtat idnr från databas)" href="#">Epic</a>
<a class=" get-ajax " data-id="(hämtat idnr från databas)" href="#">Croodarna</a>


$(function () {
$(".get-ajax").click(function(){
  $("#content").load("film.asp?visa=film&id=" + $(this).data('id'));
  return false;
});

eller varför inte sätta rätt url på alla dina a-element och använder dess href attribut som url källa?
Skriven av: Barkwally | den 12 juni 2013 Kl 09:19
Tack så jättemycket det fungerade perfekt.

Hur menar du med href attribut som url källa?
Är ganska ny på detta.
Skriven av: voigtan1 | den 12 juni 2013 Kl 15:54
Kod:
<a class=" get-ajax " href="film.asp?visa=film&id=(idnr)">Gatsby</a>
<a class=" get-ajax " href="film.asp?visa=film&id=(idnr)">Epic</a>
<a class=" get-ajax " href="film.asp?visa=film&id=(idnr)">Croodarna</a>



och kör this.href istället för $(this).data('id')
 
     

  Svara på inlägg  
 
Du måste vara medlem på ASPsidan för att kunna skriva i forumet.
För att bli medlem klicka här.
 
     

  » Logga in  
 
Användarnamn

Lösenord

 
     

  » Bli medlem  
  Bli medlem på ASPsidan!  
     

     
  Microsoft  
     

  » Partners  
  Comsolvia  
     
  » ANNONS  
  ingen annons än  
     

  » Senast online  
  Endast för inloggade  
  Antal inloggade: 1  
     

Copyright © 2007 www.ASPsidan.se
ingen sponsrar längre ASPsidan med Dedikerad Server
ASPsidan RSS
   
 XHTML / CSS
Det tog 0,2188 sekunder att ladda sidan