가장 만만한 예제로 하는 중
일단.. jqeury를 통해서 load하는거나 다름없긴 하지만
ajax를 통해서 페이지를 불러오는 식으로 일단은 구현
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <link rel="stylesheet" href="css/style.css"> <script src="js/jquery-3.2.1.min.js"></script> </head> <body> <div id="whole"> <div class="top" id="header"></div> <div class="content center" id="content"></div> </div> <script type="text/javascript"> $(document).ready(function() { $.ajax( { url:'./pagelet/login.html', success:function(data) { $('#result').append(data); } }) }); </script> <div id="result">blah blah</div> </body> </html> |
[링크 : https://opentutorials.org/course/1375/6851]
append로 해도 내용이 없으면 티가 안나는데
내용이 하나라도 있으면 append 답게, 그 이후에 내용이 추가된다.
empty()하거나 html()로 그냥 갈아 치워버리는 것도 방법이 될 듯.
[링크 : https://stackoverflow.com/questions/1675215/ajax-replace-instead-of-append]
위의 예제에서 json까진 해야지 ajax 쓸만해질 듯..
+
ajax 함수에서 사용되는 변수(?)들 이름
type이나 url 이런게 일종의 식별자니까.. 알아두면 작업이 용이할 듯
'Programming > javascript & HTML' 카테고리의 다른 글
| html5 video timestamp (0) | 2018.09.11 |
|---|---|
| html내 <script>의 올바른 위치(?) (0) | 2018.09.04 |
| jquery 복수 속성 선택하기 (0) | 2018.08.30 |
| jqeury 예제 그리고 자바스크립트 익명함수 (0) | 2017.06.10 |
| javascript toString() 진법변환 (0) | 2017.05.25 |
