working easy bare bones example using html/css/jquery to get some movie data, please.

The Movie Database Support

Support → API Support

posted by filmhow
STAFFMOD
on March 17, 2017 at 5:51 PM

There is a great example that I used successfully with your old database a few years ago. https://www.smashingmagazine.com/2012/02/beginners-guide-jquery-based-json-api-clients/ This doesn't work with the current db, can you please send a link to working examples. My jquery is rusty and I've been trying to figure out which } or ) or ; I'm missing for the past hour. If I come up with a working one before you answer I'll post it.

7 replies (on page 1 of 1)

• Jump to last post

Reply by Travis Bell

STAFFMOD

on March 18, 2017 at 11:23 AM

Here's a working jQuery example that uses search. Make sure to change line 11 with your API key.

Reply by filmhow

STAFFMOD

on March 18, 2017 at 7:10 PM

That was quick! Thanks for the fast reply! No, unfortunately I mean I need a lot more, as in something with a working input box. I took your code and inserted my api and did in fact get results for the fight club options. Now I'd like to be able to get an input box that will output any movie results, not just fight club. The really great working example above had a way to get a poster. I'm trying to combine both you and the other example. Here is what I have that doesn't work at all.: (by the way it is ok if you just say, "no, I don't code for free", like I said I'll eventually figure this out and post my own example) Thank you!!

<!DOCTYPE html>
<html lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>jQuery Test</title>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
</head>
<body>




  <h2>jQuery Test</h2>
  <h3>Results</h3>

  <p id="error"></p>
  <ul id="search_results"></ul>
     <div id="fetch">
      <input type="text" placeholder="Enter a movie title" id="term" />
      <button id="search">Find me a poster</button>
   </div>
   <div id="poster"></div>


  <script type="text/javascript" charset="utf-8">
    var api_key = 'mysecretapikey';
  $(document).ready(function(){
      $.ajax({
        url: 'http://api.themoviedb.org/3/search/movie?api_key=' + api_key + '&query=',
        dataType: 'jsonp',
        jsonpCallback: 'testing'
      }).error(function() {
        console.log('error')
      }).done(function(response) {
       if (response.total_results > 0) 
        {
        content = "";
            for (i = 0; i < response.total_results; i++) 
            {
            url = response.results[i].poster_path;
            content += "";
            };
        $("#poster").html(content);
            }
      });

    });
        </script>
</body>
</html>

Reply by filmhow

STAFFMOD

on March 18, 2017 at 7:17 PM

$(document).ready(function(){
      $.ajax({
        url: 'http://api.themoviedb.org/3/search/movie?api_key=' + api_key + '&query=',
        dataType: 'jsonp',
        jsonpCallback: 'testing'
      }).error(function() {
        console.log('error')
      }).done(function(response) {
       if (response.total_results > 0) 
        {
        content = "";
            for (i = 0; i < response.total_results; i++) 
            {
            url = response.results[i].poster_path;
            content += "";
            };
        $("#poster").html(content);
            }
      });

    });

Reply by Travis Bell

STAFFMOD

on March 19, 2017 at 1:09 PM

Hi there,

If you have more specific implementation questions, I would suggest asking your question on something like Stack Overflow.

Cheers.

Reply by filmhow

STAFFMOD

on March 20, 2017 at 2:13 PM

There used to be working examples on the site - are the located somewhere else or are they just removed?

Reply by filmhow

STAFFMOD

on March 21, 2017 at 6:20 PM

found a working example! http://anthonybrown.github.io/movie-poster/

pure brilliant genius. Just have to change two things to get it working: var api key: "your api key here"; var baseimg = "http://image.tmdb.org/t/p/w185//";

Reply by Travis Bell

STAFFMOD

on March 22, 2017 at 10:33 AM

Happy to hear you figured it out.

Users In This Discussion

Categories

The Movie Database Support