AJAX 썸네일형 리스트형 AJAX - JSP에서 가공한 JSON 파싱하기 var xhr; //이 함수가 실행되면function startAjax(){ xhr = new XMLHttpRequest(); xhr.open("get","json_test1.jsp?dummy=" + new Date().getTime(), true); xhr.onreadystatechange = function(){if(xhr.readyState === 4){ if(xhr.status === 200){ process();}else{document.write("요청 실패: " + xhr.state);}}};xhr.send(null);} function process(){var data = xhr.responseText;//var evalData = eval("(" + data + ")"); //eval().. 더보기 Ajax DOM 관련 필수 키워드 responseXML 속성을 이용한 DOM 사용하기childNodes : 현재 요소의 자식을 배열로 표현한다.firstChild : 현재 요소의 첫 번째 자식lastChild : 현재 요소의 마지막 자식nextSibling : 현재 요소와 다음 요소를 의미previousSibling : 현재 요소와 이전 요소를 의미 nodeValue : 해당 요소의 값을 읽고 쓸 수 있는 속성을 정의. 노드가 가진 값을 획득parentNode : 해당 요소의 부모 노드 document 개체의 DOM 관련 메소드getElementById(id) : document에서 특정한 id 속성 값을 가지고 있는 요소를 반환getElementsByTagName(name) : 특정한 태그 이름을 가지고 있는 자식 요소로 구성된 배열.. 더보기 jquery로 여러개 데이터 파싱하기 : each 자바에서 보내는 데이터// xml 응답StringBuilder sb = new StringBuilder();sb.append("");sb.append("");sb.append("");sb.append("123");sb.append("하이영");sb.append("ㄴㄴㄷㄹ@.ㅇㅇ.ㅇ.ㅇ");sb.append("");sb.append("");sb.append("434");sb.append("아헤헤헤");sb.append("1ㅁ@cdd.com");sb.append("");sb.append("");String xmlData = sb.toString();resp.setContentType("text/xml; charset=utf-8");resp.getWriter().write(xmlData); 스크립트에서 파싱하.. 더보기 ajax - jsonp(미투데이 jsonp로 json 데이터 가져오기) /** * jsonp : 외부에서 데이터를 가져오지 못하는 json의 한계를 커버해주는 형식 */ jq14.js $(document).ready(function() {$("#btn1").click(aa);$("#btn2").click(bb);}); function aa() {$.ajax({url : "http://192.168.0.191/basicweb2/jq14.jsp",dataType : "jsonp",jsonp : "callback", // url로 넘겨주는 변수가 된다.success : function(data) {var re = data.datas;var imsi = "";$(re).each(function(index, entry) {imsi = $("" + entry.no + " - " + e.. 더보기 ajax의 jason,xml,text 출력 비교 jguest.jsp 방명록 이름 내용 =================================================================================================================================================GuestControlloer.java //jason에는 콘트로러에 제이슨 객체를 이용하여 데이터를 넘겨준다. package com.sp.jguest; import java.io.PrintWriter;import java.util.HashMap;import java.util.List;import java.util.Map; import javax.servlet.http.HttpServletResponse; impo.. 더보기 AJAX 기본 예제3 POST (회원가입양식에서 바로 검증) test3.jsp 아이디 : 패스워드 : 이름 : ========================================================================================================================================== test3_ok.jsp 더보기 AJAX 기본 예제2 GET방식(예제1보다 심플) test2.jsp 더하기빼기곱하기나누가 ============================================================================================================================================== test2_ok.jsp 더보기 AJAX 예제1 GET방식 test1.jsp 더하기빼기곱하기나누가 =============================================================================================================================================================== test1_ok.jsp 더보기 이전 1 다음