-
kofic 영화리스트 연동Web Programming 2023. 2. 6. 00:14728x90반응형
kofic 의 영화리스트 연동해보기 !!
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %> <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>일별 박스오피스 순위</title> <script src="https://code.jquery.com/jquery-latest.min.js"></script> </head> <script> $(document).ready(function(){ var todayMovieCount = ""; var url = "http://www.kobis.or.kr/kobisopenapi/webservice/rest/boxoffice/searchDailyBoxOfficeList.json?key=발급받은 키"; var total = ""; var listArray = []; url += "20211010"; console.log(url); $.ajax({ type : "get", url:url, dataType: 'json', success:function(data){ // 선택한 날짜의 검색된 총 영화 수 todayMovieCount = data.boxOfficeResult.dailyBoxOfficeList.length; listArray.push("<form action=<%=request.getContextPath()%>/movie/reviewForm.do>"); listArray.push("<ol>"); data.boxOfficeResult.dailyBoxOfficeList.forEach(function(mName){ //listArray.push("<a href=#>"); //listArray.push("<li>"+mName.movieNm); listArray.push("<li>"); listArray.push("<input type=submit name="+mName.movieCd+" value="+mName.movieNm+">"); listArray.push("</li>"); //listArray.push("</a>"); }); listArray.push("</ol>"); listArray.push("</form>"); $("#resultList").html(listArray.join("")); } }); }); </script> <body> <table> <tr> <td> <jsp:include page="header.jsp" /> </td> </tr> </table> <div id="resultList"></div> </body> </html>728x90반응형'Web Programming' 카테고리의 다른 글
자바스크립트 인스타 토큰 갱신 (0) 2023.02.07 도로명주소 검색 API (0) 2023.02.06 카카오지도 API (0) 2023.02.06 정보처리기능사 합격 후기 (1) 2023.02.06 알캡쳐 스크롤 캡쳐 (0) 2023.02.06