noname02

읽어오고자 하는 대상의 내용이 단순 text나 html 태그를 표현하며 읽어온 내용을 특정 요소에 출력하는 것만을 목적으로 할 경우, load 메서드를 사용해 코드를 축약할 수 있다. $("Selector").load("URL" [, function() { 성공했을 경우 콜백 메서드 }]); html파일을 불러올 경우 특정 요소만을 불러올 수 있는데 셀렉터를 사용하듯 사용하면 된다. $("Selector").load("URL #name" [, function() { }]);와 같은 방식으로 표현을 하면 된다.여기서 Selector는 load된 txt나 html 내용을 붙여넣을 셀렉터를 뜻한다.

$.ajax()는 하나의 처리를 위해 작성하는 코드의 양이 길다. 따라서 간단한 처리를 위한 메서드가 존재한다.특정한 가공이 필요없으면 .load() 메서드를 사용하면 된다. 하지만 XML을 다루기 위해서는 get과 post를사용해야 한다. $.get() $.get("url" [,data] [, success function(data)] [,dataType]) - get은 전송된 값이 주소표시줄에 노출된다. ket=value의 형태로. - 그리고 전송할 수 있는 용량이 1024byte로 제한되어있다. - 따라서 큰 용량을 전송할 경우 post방식을 사용한다. $.post() $.post("url" [,data] [, success function(data)] [,dataType]) - form 태그 속성..

1. 반복성 없는 XML 데이터 12345678910111213141516171819202122$ajax({ ... success: function(xml) { // 데이터 추출 var value1 = $(xml).find("XML element").text(); ... // 데이터를 HTML로 동적 생성 var div = $(""); var p1 = $("").html(value1); .... // 데이터 조립 div.append(p1).append(p2).... // HTML에 표시 $("#id").append(div); }, ...}); cs 2. 반복성 있는 XML 데이터 - each메서드 사용. - $(this)로 접근. 12345678910111213141516171819202122232425..

$.ajax({"url": "주소","type": "get/post","data": "파라미터 문자열 key=value&key=value","dataType": "text/xml/json/jsonp","timeout": ms"cache": 이전 요청에 대한 캐쉬저장 여부(true, false),"success": 통신이 성공했을 때 실행되는 함수 function(data){ } "error": 통신이 실패했을 때 실행되는 함수 function(xhr, textStatus, errorThrown) { }}); error의 경우 - xhr : XMLHttpRequest객체 원본으로 HTTP ERROR CODE값이 포함된다. (404에러, 500에러 등) - textStatus : ERROR라는 고정값을 갖는..