홈>
현재 Movie DB API를 사용하여 모바일 앱을 개발 중입니다.
현재 데이터를 가져 왔지만 데이터베이스에서 Spiderman을 불러 오기 위해 하드 코딩되고 있습니다.
누군가가 올바른 방향으로 나를 가리킬 수 있습니까? 아래 코드를 첨부했습니다 :)
$(document).on('pageinit', '#home', function(){
// $(document).ready(function(){
console.info('hi');
var url = 'http://api.themoviedb.org/3/',
mode = 'search/movie?query=',
movieName = '&query='+encodeURI('Spiderman'),
key = '&api_key=7b0b1d8b1253e2bbfcd5602f76c52fdb';
$.ajax({
url: url + mode + key + movieName ,
dataType: "jsonp",
async: true,
success: function (result) {
console.dir(result);
ajax.parseJSONP(result);
},
error: function (request,error) {
alert('Network error has occurred please try again!');
}
});
});
$(document).on('pagebeforeshow', '#headline', function(){
$('#movie-data').empty();
$.each(movieInfo.result, function(i, row) {
if(row.id == movieInfo.id) {
$('#movie-data').append('<li><img src="http://image.tmdb.org/t/p/w92'+row.poster_path+'"></li>');
$('#movie-data').append('<li>Title: '+row.original_title+'</li>');
$('#movie-data').append('<li>Release date'+row.release_date+'</li>');
$('#movie-data').append('<li>Popularity : '+row.vote_average+'</li>');
$('#movie-data').listview('refresh');
}
});
});
$(document).on('vclick', '#movie-list li a', function(){
movieInfo.id = $(this).attr('data-id');
$.mobile.changePage( "#headline", { transition: "slide", changeHash: false });
});
var movieInfo = {
id : null,
result : null
}
var ajax = {
parseJSONP:function(result){
movieInfo.result = result.results;
$.each(result.results, function(i, row) {
console.log(JSON.stringify(row));
$('#movie-list').append('<li><a href="" data-id="' + row.id + '"><img src="http://image.tmdb.org/t/p/w92'+row.poster_path+'"/><h3>' + row.title + '</h3><p>')
})
}
}
안녕하세요
톰
- 답변 # 1
관련 자료
- angular - Angular9는 HttpClient를 사용하여 양식 데이터로 API에 데이터를 게시합니다
- angular - Observable에서 올바른 데이터를 얻는 방법
- axios - api에서 로컬 데이터 경로를 가져 오는 Nuxt 데이터?
- javascript - Ajax 호출 후 그리드에 데이터가 채워지지 않습니다
- hiveql - 하이브 CLI에서 하이브로 데이터베이스에서 데이터를 가져 오는 방법
- database migration - PostgreSQL에서 로그 파일에 새 데이터를 추가하는 방법
- android - 백그라운드에서 API 호출을 수행하는 방법은 무엇입니까?
- java - 내 데이터베이스 h2의 데이터를 어떻게 볼 수 있습니까? 왜 localhost - 8080/h2_console이 작동하지 않습니까?
- django - API 데이터를 가져 오는 방법 소품?
- c++ - 소켓에서 데이터가 나오지 않는 이유는 무엇입니까?
- php - 자바 스크립트로 테이블의 데이터를 가져옵니다
- javascript - 웹 API POST 메소드로 데이터 전달
- node.js - 데이터 가져 오기를 사용하여 API에 게시
- postgresql - 상태에 대한 OSM 데이터가 주어지면 해당 영역을 찾으십시오
- python - 온도/열 프로파일에 데이터를 어떻게 맞출 수 있습니까?
- JavaScript API에 데이터가 표시되지 않습니다
- reactjs - 웹앱에서 API 호출 전 데이터 삭제
- 유튜브 데이터 API 토큰
- json - TypeScript는 API에서 데이터를 가져옵니다
- javascript - 데이터 키 값에 대한 메소드를 호출 하시겠습니까?
관련 질문
- javascript : React Intersection Observe, API에서 많은 요청 받기
- javascript : 스크립트를 사용하여 InDesign과 데이터베이스를 연결하는 방법
- javascript : 결과를 변경하는 방법 Youtube Data API v3
- javascript : 실시간 데이터를 스트리밍하는 API에서 데이터를 가져오는 방법
- Javascript가 내장 메소드 중 하나를 무시하도록 하려면 어떻게 해야 합니까?
- javascript : 데이터를 성공적으로 가져올 때까지 API를 자동으로 다시 가져오려면 어떻게 해야 합니까?
- javascript : DOM에서 Svelte가 객체를 반환하는 API 요청
- javascript : 서비스 계층 사양은 어떻게 작성합니까?
- javascript : 페이지 기반 페이지 매김을 구현하는 방법
- javascript : Node JS의 API 응답에서 속성을 얻는 방법은 무엇입니까?
스파이더 맨이 여기에 URL로 하드 코딩되고 있으므로 검색 문자열을 얻어 변수에 저장 한 후 하드 코드 된 스파이더 맨을 교체해야합니다.
또한 검색 문자열과 반드시 관련되지 않은 영화 목록을 원하는 경우 Movie DB API
http://api.themoviedb.org/3/discover/movie
의 발견 엔드 포인트를 시도 할 수 있습니다. . 설명서 링크