Ajax 5

div 에 Ajax 로 태그들을 넣을때, 넣어지는 쪽에 div 나 span 이 1 레벨로 들어 있으면 IE 에서 알수 없는 런타임 오류

a.jsp 가 아래와 같이 구성되어 있다 하자. ... 이곳에 Ajax 를 통해 b.jsp 를 idA 의 innerHTML 로 넣을때 b.jsp 에 아래와 같은 코드가 있으면 IE 에서 런타임 오류 발생. ... ... 그런데 오류가 났던 동일한 div 나 span 태그를 table 태그로 감싸주면 오류가 나지 않는다 ... ... 왜 그런걸까..? table 대신에 다른 div 나 span 을 사용해도 마찬가지로 에러.. ul/ol 과 li 조합으로 해도 에러.. dl 과 dt, dd 로 해도 에러.. 다른 웹브라우저에서도 에러가 날까..?

input 태그에 값 넣기, Object.value, innerText, innerHTML

Ajax 로 받아온 값을 innerHTML 을 이용해서 div 나 span 에 입력하는 것은 많이 해 보셨을텐데요.. 물론, textarea 에도 이와 같은 방식이 잘 먹혀 들어갑니다. 그러면 Ajax 로 받아온 값을 input 에는 넣어 보셨나요..? 어디 한번, 테스트 해 봅시다. 코드는 아래와 같습니다. 자 .value 를 이용하여 값을 넣어 봅니다. 값이 '1' 들어가 있네요.. 그러면, .innerText 로 해 볼까요.. 역시나, '2' 들어가 있네요.. 이제 마지막으로 .innerHTML 을 해 볼까요.. 엇, 이게 뭡니까.. '알 수 없는 런타임 오류' 라고 나오네요.. div 나 span, textarea 에서는 볼 수 없던 오류가 나왔습니다. 따라서, text 타입의 input 에 값을..

의도하지 않는 빈 줄이 생기지 않도록 form 태그와 table, iframe 태그들을 배열하는 순서

아래와 같이 해야 빈 공간이 생기지 않는다. 물론 다른 방법도 있겠지만.. iframe 태그를 form 태그 안에 두면 빈 줄이 생기므로, iframe 은 form 태그 밖에 위치한다. form 태그를 table 태그 밖에 두면 빈 줄이 생기므로, table 과 tr 사이에 위치한다. ... ... 아, 위와 같이 하는 것은.. 물론 table 태그를 사용하였을 때다. iframe 은 Ajax 를 사용하지 않고 iframe 내에서 처리 프로세스를 태우기 위해서다. 간혹 Ajax 를 사용하면 오류가 나거나 구현하기 어려울 때, iframe 을 사용해서 내부 처리를 할때 요긴하다.

Ajax 사용할 때 알아 두면 편리(?)한 4가지 이야기

별도의 프레임 웍을 사용하지 않고, 기본적인 Ajax 를 다룰때 유념해야 할 몇가지 사항이 있다. 첫째, Ajax 로 불려지는 웹페이지와 Ajax 로 불러오는 웹페이지의 프로토콜이 같아야 한다. 둘째, 스타일시트와 자바스크립트의 정의는 Ajax 에서 하지 않는다. 셋째, Get 방식과 Post 방식을 사용할때 둘 간에는 약간의 차이가 존재한다. 넷째, Ajax 는 파라미터를 주고 받을때 UTF-8 을 사용한다. 자, 이제 이야기를 시작해 보자. 우선 첫번째 프로토콜. 여기서 말하는 프로토콜은 웹에서 사용하는 HTTP 와 HTTPS 를 말하는 것이다. A.jsp 가 Ajax 기술(?)을 사용하여 B.jsp 를 불러올때, A.jsp 가 HTTP 이면 B.jsp 도 HTTP 로 불러오고.. A.jsp 가 HT..