get : GET 방식으로 서버와 통신하는 jQuery Ajax 함수이다.
URL로 지정한 파일을 로드해서 그 데이터를 텍스트 형식으로 콜백 함수(fn)에게 넘겨주는 기능을 한다.
매개 변수
url : 요청할 서버 측 자원의
URL fn : 요청이 성공했을 때 호출할 콜백 함수
예제
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <script src = "../js/jquery.js" type="text/javascript"></script> <script type="text/javascript"> $(function(){ $.get('item.xml', function(data){ $('#fruitTable').append("<tr>" + "<th>id</th>"+ "<th>name</th>" + "<th>price</th>"+ "<th>description</th>"+ "</tr>"); $(data).find('item').each(function(){ $('#fruitTable').append("<tr>" + "<td>"+ $(this).attr('id') +"</td>"+ //속성 "<td>"+ $(this).attr('name') +"</td>" + //속성 "<td>"+ $(this).children('price').text() +"</td>"+ //자신 "<td>"+ $(this).find('description').text() +"</td>"+ //자손 "</tr>" ); }) }); }); </script> </head> <body> <h3>과일의 특성 조사 자료</h3> <table id="fruitTable" border="1"> </table> </body> </html>
실행결과
'JQuery' 카테고리의 다른 글
| [jQuery] 도서 정보 입력 (0) | 2023.09.22 |
|---|---|
| [jQuery] getJSON (0) | 2023.09.22 |
| [jQuery] AJAX (0) | 2023.09.22 |
| [jQuery] load (0) | 2023.09.22 |
| [jQuery] 회원정보 입력 (0) | 2023.09.22 |