forked from carpenta/hiddenbooks
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsearch_openapi_test.html
59 lines (53 loc) · 1.48 KB
/
search_openapi_test.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
<!doctype html>
<html>
<head>
<meta charset='utf-8' />
<title>OpenAPI Test</title>
<script type="text/javascript" src="" id="openapi"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-2.0.2.min.js"></script>
<script type="text/javascript">
var apikey = "06a7cab23104aa54f1b14d2e2a1cd2a51fafd1af";
var url = 'http://apis.daum.net/search/book?apikey=' + apikey + '&callback=searchCallback&output=json&q=';
var searchCallback = function(z) {
console.log(z);
var r = $('#r');
var table = $('<table>');
for (var i = 0; i < z.channel.item.length; i++)
{
var tr = $('<tr>');
var td = $('<td>');
var td2 = $('<td>');
var a = $('<a href="'+z.channel.item[i].link+'">'+htmlDecode(z.channel.item[i].title)+'</a>');
var p = $('<p>'+htmlDecode(z.channel.item[i].description)+'</p>');
td.append(a);
td2.append(p);
tr.append(td);
tr.append(td2);
table.append(tr);
}
r.append(table);
};
function htmlDecode(input){
var e = document.createElement('div');
e.innerHTML = input;
return e.childNodes.length === 0 ? "" : e.childNodes[0].nodeValue;
}
$(function(){
console.log("init start");
$('#b').click(function(e){
$("#openapi").remove();
var script = $("<script>").attr("id","openapi").attr("src", url+$('#q').val());
$("body").append(script);
});
});
</script>
</head>
<body>
<div id="divSearch">
책 검색 예제
<input id="q" type="text"/>
<input id="b" type="button" value="검색"/>
</div>
<div id="r"></div>
</body>
</html>