Søg
Avatar billede alexander_j Nybegynder
09. maj 2014 - 22:55 Der er 6 kommentarer og
1 løsning

jquery, ajax og menu med fler lag

Jeg arbejder med jquery og XML.

Min XML fil ser således ud:
<?xml version="1.0" encoding="utf-8"?>
<menu>

  <menu tekst="xmenu1" link="side1.php"/>
     
  <menu tekst="xmenu2" link="">
    <menu tekst="xmenu2.1" link="side2-1.php"/>
    <menu tekst="xmenu2.2" link="side2-2.php"/>
  </menu>

  <menu tekst="xmenu3" link="side3.php"/>

</menu>

og jeg prøver at hente data med følgende kode via jquery:
$.ajax({
  type: 'GET',
  url: 'menu.xml',
  dataType: 'xml',
  success: function(xml) {
    $(xml).find('menu').each(function(){
      alert( $(this).attr('tekst') );
    });
  },
  error: function(xml){ alert('Fejl'); }
});

Jeg havde en forventning om at den skulle vise:
xmenu1
xmenu2
xmenu3

men i stedet viser den:
xmenu1
xmenu2
xmenu2.1
xmenu2.2
xmenu3

Hvordan får jeg jquery til kun at vise niveau 1 af menu-elementerne?
Avatar billede jakobdo Ekspert
10. maj 2014 - 08:58 #1
Er XML et krav ?
Eller synes jeg du skulle overveje json.
Avatar billede alexander_j Nybegynder
10. maj 2014 - 10:46 #2
Har faktisk aldrig leget med json, men umiddelbart ligner det en slags array-opbygning. Er dette den korrekte opbygning?

var menu = [
  { "tekst":"xmenu1" , "link":"side1", {
    { "tekst":"xmenu1.1" , "link":"side1.1" },
    { "tekst":"xmenu1.2" , "link":"side1.2" }
  }},
  { "tekst":"xmneu2" , "link":"side2" },
  { "tekst":"xmenu3" , "link":"side3" }
];

Jeg kunne nu stadig godt tænke mig at vide, hvordan man gjorde med XML, selvom jeg nok bruger json, som åbenbart er det nye "sort".
Avatar billede jakobdo Ekspert
10. maj 2014 - 13:25 #3
Problemet med din nuværende xml, er alle elementer hedder menu.
Ideen er vel netop du skal dele det lidt mere op.

Se f.eks. denne måde:

<?xml version="1.0" encoding="utf-8"?>
<navigation>
  <menu tekst="xmenu1" link="side1.php"/>
  <menu tekst="xmenu2" link="">
    <submenu tekst="xmenu2.1" link="side2-1.php"/>
    <submenu tekst="xmenu2.2" link="side2-2.php"/>
  </menu>
  <menu tekst="xmenu3" link="side3.php"/>
</navigation>
Avatar billede alexander_j Nybegynder
10. maj 2014 - 14:12 #4
Det var det jeg håbede at kunne undgå, da næste led så skal hedde subsubmenu, og derefter subsubsubmenu osv.
Ved at bibeholde menu som navn, så er der mulighed for undermenuer i en uendelighed.
Avatar billede alexander_j Nybegynder
10. maj 2014 - 17:37 #5
{
  "menu": [
    { "tekst":"menu1" , "url":"side1.php" },
    { "tekst":"menu2" , "url":"#" , "submenu":[
      { "tekst":"menu2.1" , "url":"side2-1.php" },
      { "tekst":"menu2.2" , "url":"side2-1.php" }
    ]},
    { "tekst":"menu3" , "url":"side3.php" }
  ]
}

Jacobdo kom med et svar.
Avatar billede jakobdo Ekspert
11. maj 2014 - 21:30 #6
Svar!
Avatar billede jakobdo Ekspert
12. maj 2014 - 12:45 #7
Takker for point.
Så blev det json vejen alligevel? :)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 03/05/202613:59
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 14:56 Kan ikke ændre drevbogstav Af mort1 i Windows
12/0612:46 får fejl ved at følge et link i Chrome Af Erik Hovedskou i Browsere
11/0618:29 Leak-bot gratis tilbud fra Alm. brand Af nu_igen i Apps til iOS
11/0612:02 Proceslinje pludselig lodret til venstre i Win 11 Af ErikHg i Windows
10/0621:27 Vise billeder på skærm Af 1Dorte i Fjernsyn & projektorer
White papers
Flere white papers »