Hoi, ik heb het volgende script. Ik krijg het niet werkend. Het enige wat ik te zien krijg is een stipje van de li, waar niks instaat. Wie ziet wat ik verkeerd doe?

PS. Hoe zet je dit ook al weer in code?

<script>
  $.ajax({
    type: "GET",
    url: "http://www.dagelijkseoverdenkingen.nl/json/",
   dataType: "json",
    success: function (data) {
        var obj = data.Articles,  // get entry object (array) from JSON data
            ul = $("<ul>");                    // create a new ul element
        // iterate over the array and build the list
        for (var i = 0, l = obj.length; i < l; ++i) {
            ul.append("<li><a href='" + obj.[i].ID + "'>" + obj.[i].Title + "</a></li>");
        }
        $("#results").append(ul);    // add the list to the DOM
    }
});
 </script>
Arthur Nolles op 29/07/2017 19:07:15

PS. Hoe zet je dit ook al weer in code?


Daar hebben we code-tags voor.
Aangepast. Nu terug naar de vraag: wat doe ik verkeerd?
Verkeerde tags gebruiken zonder de brackets :P?

Anyway, wat zegt je console verder?
SyntaxError: missing name after . operator
	

ul.append("<li><a href='" + obj.[i].ID + "'>" + obj.[i].Title + "</a></li>");

Wijzend op de i. Ik heb geen idee wat ik verkeerd doe. Ik ben nieuw hierin.

[size=xsmall]Toevoeging op 29/07/2017 19:37:09:[/size]

Er moest een punt weg.

[size=xsmall]Toevoeging op 29/07/2017 19:39:00:[/size]

Nu sta ik voor het volgende drama. De lijst is wat lang, maar nadat deze geladen is, kun je niet meer naar beneden scrollen. Nu heb ik begrepen dat door style="overflow:scroll" je dit kunt oplossen. Maar ik heb geen idee waar ik dat aan toe moet voegen.

Heeft iemand inzicht?

[size=xsmall]Toevoeging op 29/07/2017 19:55:55:[/size]

Ik heb mijn div een overflow-y scroll gegeven, maar dat mag niet baten. Ik krijg een lege scrollbar die niks doet.

<div id="results" style="margin-top:56px; overflow-y: scroll;">
Het is niet
obj.[i].ID
maar
obj[i].ID
(zonder punt tussen obj en de index) (en dito voor title)

Reageren