Utiliser $.chaque et si avec $.getJSON

Moi et $.chacun ne sont pas de bons amis, je n'arrive pas à comprendre comment je dois utiliser cette instruction pour imprimer toutes mes données dans mon fichier JSON. Un autre problème est l'instruction si, j'ai essayé de plusieurs façons, mais quoi que je fasse, aucune donnée n'est en cours d'impression.

Mon fichier JSON

[
{
"expo":"pit",
"datum":"05.06.2011 - 05.06.2016",
"img":"images/pit_home.jpg",
"link":"exp1_index.html"
},
{
"expo":"Space Odessy 2.0",
"datum":"17.02 - 19.05.2013",
"img":"images/so_home.jpg",
"link":"exp2_index.html"
}
]

Mon $.getJSON script

<script type="text/javascript">
    function read_json() {
        $.getJSON("home.json", function(data) {
            var el = document.getElementById("kome");
            el.innerHTML = "<td><a href=" + data.link + " data-ajax='false'><img src=" + data.img + "><div class='dsc'>" + data.expo + "<br><em>" + data.datum + "</em></div></a></td>";
        });
    }
</script>

Alors, comment aurais-je intégrer l' $.chaque instruction et séparé de que, si l'instruction?

InformationsquelleAutor user2471501 | 2013-06-21
  1. 4

    Essayer cette

    $.getJSON("home.json", function (data) {
    var html = '',
        el = document.getElementById("kome");
    $.each(data, function (key, val) {

         html += "<td><a href=" + val.link + " data-ajax='false'><img src=" + val.img + "><div class='dsc'>" + val.expo + "<br><em>" + val.datum + "</em></div></a></td>";
    });
    el.innerHTML = html;
});
    • Il a travaillé! La seule chose c'est que la barre oblique après le premier \ doit être supprimé. Merci beaucoup!
    • Heureux de vous avoir aidé 🙂
    • En fait, juste pour une seconde, j'ai oublié ma en cas de problème. J'ai essayé beaucoup d'options, mais je n'arrive pas à obtenir l'instruction if de travail avec mon JSON. Se sentir comme un n00b xD.
    • Je ne vois pas si l'instruction n'importe où ?
    • Ouais, c'est parce que je ne peux pas comprendre comment l'utiliser. Par exemple (juste un exemple, car j'en ai besoin pour un autre fichier JSON), que si je ne veux imprimer des données en cas de "l'expo" == "pit". J'ai essayé de la mettre en œuvre cette manière, mais pas de données s'affiche.
    • if( val.expo === "pit" ) devrait le faire
    • Il a travaillé! Au début, j'ai supprimé l' $.chaque instruction & remplacé par le si. Mais en la plaçant sous l' $.chaque déclaration qu'il ne le travail! 😀
    • Je ne pense pas que ne devrait pas être un problème.. essayez de déboguer votre code à l'aide des outils du Développeur .. Vous devriez être en mesure de cerner le point de l'erreur

    InformationsquelleAutor Sushanth --
  2. 1

    Quelque chose comme cela?

    <script type="text/javascript">
    function read_json() {
        $.getJSON("home.json", function(data) {
            var html = '';
            $.each(data, function(i, record) {
                html += '' +
                '<td>' +
                    '<a href="' + record.link + '" data-ajax="false">' +
                        '<img src="' + record.img + '">' +
                        '<div class="dsc">' +
                            record.expo + '<br>' +
                            '<em>' + record.datum + '</em>' +
                        '</div>' +
                    '</a>' +
                '</td>';
            });
            $('#kome').html(html);
        });
    }
</script>

    Note: je n'ai pas testé, donc il peut y avoir quelques erreurs de syntaxe (principalement préoccupée par les guillemets dans la concaténation de chaîne).

    Je note que vous n'avez pas besoin de jQuery $.chaque pour cela; vous pouvez utiliser une base de boucle:

    for (var i = 0; i < data.length; i++) {
    var record = data[i];
    ... stuff...
}

    jQuery .chacun() est vraiment utile lors de l'itération sur les éléments dans le DOM, si. Par exemple, si vous souhaitez effectuer une itération sur les éléments avec la classe dsc, vous pouvez faire:

    $('.dsc').each(function(i, dsc) {
    //Do stuff to the $(dsc) element.
});

    Aussi, vous pourriez aussi bien utiliser du jQuery sélecteurs (le $('#kome')) si vous allez utiliser jQuery.

    l'API de jQuery a généralement d'excellents exemples pour des choses; c'est un de ces cas.

    InformationsquelleAutor Depressio
  3. 1

    $.chacun peut itérer tableaux [] ou d'objets {}, votre json contient à la fois, donc tout d'abord vous avez besoin pour résoudre tableau, qui vous donne un objet à chaque itération. Ensuite, vous pouvez accéder à ses propriétés.
    jQuery chaque documentation

    Deuxième chose: pour ajouter à innerHTML utiliser "+=" non "=" ou vous réinitialiser html à chaque itération.

    var el = document.getElementById("kome");
$.getJSON('ajax/test.json', function(data) { 
    $.each(data, function(n, linkData) {
        el.innerHTML += '<a href="' + linkData.link + '">' + linkData.expo + '</a>';
    });
}
    InformationsquelleAutor Lex