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

The Movie Database 支持

支持 → API 支持

filmhow
STAFFMOD
发布于 2017 年 03 月 17 日 5:51下午

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 回复（第 1 页，共 1 页）

• Jump to last post

Travis Bell 的回复

STAFFMOD

于 2017 年 03 月 18 日 11:23上午

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

filmhow 的回复

STAFFMOD

于 2017 年 03 月 18 日 7:10下午

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>

filmhow 的回复

STAFFMOD

于 2017 年 03 月 18 日 7:17下午

$(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);
            }
      });

    });

Travis Bell 的回复

STAFFMOD

于 2017 年 03 月 19 日 1:09下午

Hi there,

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

Cheers.

filmhow 的回复

STAFFMOD

于 2017 年 03 月 20 日 2:13下午

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

filmhow 的回复

STAFFMOD

于 2017 年 03 月 21 日 6:20下午

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//";

Travis Bell 的回复

STAFFMOD

于 2017 年 03 月 22 日 10:33上午

Happy to hear you figured it out.

关注此讨论的用户

分类

The Movie Database 支持