Learning API struggling with Go html/template need advice.

Samuel Fuller — Thu, 02 Jul 2020 12:43:00 +0000

I have been working on this for an embarrassingly long amount of time and I feel like I am losing my mind. I will try to explain and be brief and any help would be immensely appreciated.

I am trying to write a basic program or web app that reads from youtube data API.

Basically the objects I create in my .go file cannot always be read in the html actions after passing the object to the execute template function and I do not understand why. Nothing shows. I will paste the code below and explain in more detail.

.go objects

type Member struct {
    Name      string
    ChannelID string
    Title     string
    Thumbnail string
    Uptime    time.Time
}
type Organization struct {
    Members []Member
}

.go writers and handlers etc

func main() {
    fs := http.FileServer(http.Dir("css"))
    http.Handle("/css/", http.StripPrefix("/css/", fs))
    http.HandleFunc("/", index)
    http.HandleFunc("/view", view)
    http.ListenAndServe(":3000", nil)
}

func index(w http.ResponseWriter, r *http.Request) {
    tpl.ExecuteTemplate(w, "index.html", nil)
}

func view(w http.ResponseWriter, r *http.Request) {
    org := initMembers()

    //checking to see if org contains data I need at this point. And it does.
     fmt.Println(org)
     tpl.ExecuteTemplate(w, "view.html", org)

}

func initMembers() Organization {
    now := time.Now()
    org := Organization{
        Members: []Member{
            {
                Name:      "John",
                ChannelID: "xxxxxxxxxxxxxxxxxxxx",
                Title:     "Offline",
                Thumbnail: "empty",
                Uptime:    now,
            },
            {
                Name:      "John2",
                ChannelID: "yyyyyyyyyyyyyyyyyyyy",
                Title:     "Offline",
                Thumbnail: "empty",
                Uptime:    now,
            },
            {
                Name:      "John3",
                ChannelID: "zzzzzzzzzzzzzzzzzz",
                Title:     "Offline",
                Thumbnail: "empty",
                Uptime:    now,
            },
        },
    }
    return org
}

html file trying to range members information

{{ range .Members }}
       {{ .Name }}
{{ end }}

I omitted a lot of the code such as the call to the API and unmarshaling the json. When I unmarshal the json into a struct that is specifically for the json and pass that data to the execute template function it actually lets me make the calls on the html file. However, I do not understand why it will not work the way I have it shown above as I have tried for what feels like 1000 variations at this point and to no avail.

Navigating to the view.html page via the view func is where the issue lies. Or where the execute template call that isn't working is at least.

Overall what I am trying to do is pull specific SINGLE user data with the API call (which I've made work) and store that user data in a consolidated array object that I can iterate over in the html file (which I haven't made work). If anyone is willing to help or ELI5 I would be very grateful!! Thank you.

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

Samuel Fuller — Wed, 24 Jun 2020 08:06:45 +0000

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.

DEV Community: Samuel Fuller