Posted on Jun 24, 2020

Need helping looping over Go struct/array in .html file

Hello, this is my first post and I am also a web development noob. I apologize if this issue is basic.

I have a main.go file which contains a struct that contains an array. I would like to display all of the contents of the array within a separate .html file. I have managed to get it working without looping but I would like to display the entire array as the size and contents change. I will show the different iterations I have tried at the bottom.

Current working hard coded array contents

 <h1>{{(index .Results 0).Title}}</h1> <h1>{{(index .Results 0).ReleaseDate}}</h1> <img src="https://image.tmdb.org/t/p/w500/{{(index .Results 0).PosterPath}}"> <h1>{{(index .Results 1).Title}}</h1> <h1>{{(index .Results 1).ReleaseDate}}</h1> <img src="https://image.tmdb.org/t/p/w500/{{(index .Results 1).PosterPath}}"> <h1>{{(index .Results 2).Title}}</h1> <h1>{{(index .Results 2).ReleaseDate}}</h1> <img src="https://image.tmdb.org/t/p/w500/{{(index .Results 2).PosterPath}}">

Struct in main.go file. Trying to access Results[]

type Movies struct { TotalResults int `json:"total_results"` Results []struct { PosterPath string `json:"poster_path"` ID int `json:"id"` Title string `json:"title"` Overview string `json:"overview"` ReleaseDate string `json:"release_date"` } `json:"results"` }

Adding this for clarity.(no issues here) main.go function that handles the searching. GET request from movieDB API.

func search(w http.ResponseWriter, r *http.Request) { var movies Movies if r.Method != "POST" { http.Redirect(w, r, "/", http.StatusSeeOther) return } searchValue := r.FormValue("query") //replace spaces with addition signs searchResult := strings.Replace(searchValue, " ", "+", -1) response, err := http.Get("https://api.themoviedb.org/3/search/movie?api_key=xxxREDACTEDxxx&query=" + searchResult) if err != nil { fmt.Printf("The HTTP request failed with error %s\n", err) } else { data, _ := ioutil.ReadAll(response.Body) json.Unmarshal([]byte(data), &movies) } tpl.ExecuteTemplate(w, "search.html", movies) }

Loop I've tried that doesn't compile because 'i' isn't recognized

<script> for (var i in {{.Results}}) { document.body.innerHTML = "<h1>" + {{.Results[i].Title}} + "</h1>" } </script>

This loop compiles but displays nothing

<script> for (var i in {{.Results}}) { document.body.innerHTML = "<h1>" + .Results[i].Title + "</h1>" } </script>

This loop displays 'undefined'

<script> var arr = {{.Results}} for (var i in arr) { document.body.innerHTML = "<h1>" + arr[i].Title + "</h1>" } </script>

I am currently out of ideas and I am just having a hard time wrapping my head around getting the information from one place to another(and javascript in general). Any help would greatly be appreciated thank you.