한요섭

1203_2

...@@ -32,9 +32,10 @@ app.get('/main',function (req,res) { ...@@ -32,9 +32,10 @@ app.get('/main',function (req,res) {
32 app.get('/serach',function (req,res) { 32 app.get('/serach',function (req,res) {
33 var query= req.query; 33 var query= req.query;
34 var genre = query['genre']; 34 var genre = query['genre'];
35 + var search = query['search'];
35 if(genre != ""){ 36 if(genre != ""){
36 var code = get_genre_code(genre); 37 var code = get_genre_code(genre);
37 - get_info_using_genre(code,res); 38 + get_info_using_genre(code,search, res);
38 } 39 }
39 }) 40 })
40 41
...@@ -76,9 +77,8 @@ function get_genre_code(genre_str) { ...@@ -76,9 +77,8 @@ function get_genre_code(genre_str) {
76 return genre_num; 77 return genre_num;
77 } 78 }
78 79
79 -function get_info_using_genre(code,res) { 80 +function get_info_using_genre(code,search, res) {
80 - var test_search = "다크"; 81 + var en = encodeURI(search);
81 - var en = encodeURI(test_search);
82 var api_url = 'https://openapi.naver.com/v1/search/movie.json?query='+en+'&genre=' + code; // json 결과 82 var api_url = 'https://openapi.naver.com/v1/search/movie.json?query='+en+'&genre=' + code; // json 결과
83 var request = require('request'); 83 var request = require('request');
84 var options = { 84 var options = {
...@@ -93,10 +93,7 @@ function get_info_using_genre(code,res) { ...@@ -93,10 +93,7 @@ function get_info_using_genre(code,res) {
93 var items = data['items']; 93 var items = data['items'];
94 94
95 console.log(data); 95 console.log(data);
96 - for(var i=0; i < total; i++){ 96 + res.render('movie_info',{item:items});
97 - res.render('movie_info',{title:items[i]['title']});
98 - }
99 - //res.render('movie_info',{title:items[1]['title']});
100 } 97 }
101 }); 98 });
102 } 99 }
......
...@@ -78,10 +78,11 @@ ul li:hover ul { ...@@ -78,10 +78,11 @@ ul li:hover ul {
78 $(function () { 78 $(function () {
79 $('.click_genre').click(function () { 79 $('.click_genre').click(function () {
80 var str = $(this).text(); 80 var str = $(this).text();
81 + var search = $("#search_input").val();
81 $.ajax({ 82 $.ajax({
82 type:"GET", 83 type:"GET",
83 url:"serach", 84 url:"serach",
84 - data:{'genre':str}, 85 + data:{'genre':str, 'search':search},
85 success:function(args){ 86 success:function(args){
86 $('#info').html(args); 87 $('#info').html(args);
87 //alert(args); 88 //alert(args);
...@@ -93,6 +94,8 @@ $(function () { ...@@ -93,6 +94,8 @@ $(function () {
93 94
94 <body> 95 <body>
95 96
97 +<input type="text" id = "search_input"></input>
98 +<br>
96 <ul> 99 <ul>
97 <li> 100 <li>
98 Genre 101 Genre
...@@ -128,7 +131,7 @@ $(function () { ...@@ -128,7 +131,7 @@ $(function () {
128 </ul> 131 </ul>
129 </li> 132 </li>
130 <li>Blog</li> 133 <li>Blog</li>
131 - <li>Contact</li> 134 + <li>All</li>
132 </ul> 135 </ul>
133 136
134 <div id = info></div> 137 <div id = info></div>
......
1 -<p><%= title %></p> 1 +<% for(var i=0; i < item.length; i++) { %>
2 -<p><%= title %></p> 2 + <p><%= 'item[i]["title"]'%></p>
3 +<% } %>
......
1 -<p><%= title %></p> 1 +<% for(var i=0; i < item.length; i++) { %>
2 + <p><%= item[i]["title"]%></p>
3 +<% } %>
......