• 코드:
​x
 
1
<!DOCTYPE html>
2
<html lang="ko">
3
​
4
<head>
5
    <meta charset="UTF-8">
6
    <title>Ajax jQuery</title>
7
    <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
8
    <script>
9
        $(function() {
10
            $("#requestBtn").on("click", function() {
11
                // URL 주소에 존재하는 HTML 코드에서 <li>요소를 읽은 후에 id가 "list"인 요소에 배치함.
12
                $("#list").load("/examples/tryit/exampleWWW/jq_elementTraversing_etc_01.html li");
13
            });
14
        });
15
    </script>
16
</head>
17
​
18
<body>
19
​
20
    <h1>load() 메소드</h1>
21
    <button id="requestBtn">HTML 코드 로딩!</button>
22
    <ol id="list"></ol>
23
24
</body>
25
​
26
</html>