-1
votes

Comment prendre des objets de JSON et les utiliser sur mon site alors?

J'ai écrit du code pour utiliser Json par Ajax. Et cela ne fonctionne pas de cette façon, je le veux - j'ai des choses indéfinissantes sur mon site.

J'ai essayé ceci: xxx

mais la sortie de mon Les actions étaient une div (je veux tous les objets de JSON), avec SRC = UNDEFINEND (je voulais le premier img du tableau de la galerie de JSON) et avec nom = Undefinend (je voulais le nom de l'objet de JSON)

i Attendez-vous à mettre tous les articles de JSON (pas un seul) dans DIV sur mon site - avec le nom (de JSON) et le premier IMG à partir du tableau des articles appelé Galerie (de Json aussi) comme SRC à mon IMG. < / p>

javascript json ajax xmlhttprequest

1 commentaires

A quoi ressemble le Json?

4 Réponses :

0
votes

klucze est un tableau des noms des propriétés de l'objet, qui seront des chaînes. Les chaînes n'ont pas de propriétés appelées galerie ou nom . Les éléments réels sont dans Content (suivant votre URL, spécifiquement content.shopitems ). Le changement minimal serait de changer klucze.foreach à content.shopitems.foreach : xxx

qui dit, cependant, vous êtes probablement mieux avec mappe et joindre : xxx



                                                                    
                                    
                                    
                                        0 commentaires


                        
                                            
                            
                                
                                    0
 votes
                                
                            
                            
                                
                                     Vous êtes itérant la mauvaise variable. Object.Keys () livrera un tableau avec des noms de clés d'objet. 
content['shopItems']

                                

                                                                    
                                    
                                    
                                        0 commentaires
                                        
                                                                                    
                                    
                                                            
                        
                        
                                            
                            
                                
                                    0
 votes
                                
                            
                            
                                
                                     C'est le JSON que vous essayez d'analyser  xxx  
}  
  let klucze = objet.keys (contenu)  retourne Les clés du JSON: Shopitems. Donc, les éléments sont les clés du JSON, pas les éléments de la galerie  
 modifient votre code sur   xxx                                  


                                                                    
                                    
                                    
                                        1 commentaires
                                        
                                                                                            
                                                    Ma faute. Utilisez $ {element.gallery [0]}                                                
                                                
                                                                                    
                                    
                                                            

                        

                        
                                            
                            
                                
                                    0
 votes
                                
                            
                            
                                
                                     Il n'y a aucun point de faire  objet.keys (contenu)  code>. Il existe également  shopitems  code> à l'intérieur de l'objet qui est un tableau. Vous devez donc itérer ce tableau pour obtenir le résultat. 
 Autres  Galerie  Code> est un tableau. Donc  $ {element.gallery}  code> ne donnera aucun résultat que si l'index n'est passé. Dans cette démo, j'ai passé l'index 0  p> 
  p> 


<div class='product-list-container__list-line'>Click Here</div>

                                

                                                                    
                                    
                                    
                                        0 commentaires