웹개발/HTML

Ajax1

에르소 2014. 5. 22. 17:29
반응형

Ajax = 자바스크립트 + xml 사용해 비동기 통신으로 클라 <-> 서버의 통신방식




구성


Javascript 

XMLHttpRequest

DOM

CSS

XML



HTML5는 텍스트, 이미지, 미디어 등의 정보의 구조를 정의.

Ajax 는 HTML 의 정보를 조작


Apple = Flash nono

Apple = HTML5


HTML :)

CSS :_



Status = 200 // 서버단 처리가 잘되서 응답함

readyState = 4 // 잘 처리됬음


[incoding]

UTF-8

euc-kr

MS949



simple.jsp => contentType="text/plain; charset=UTF-8 "


input type="button" value="index.txt" onclick="load"

input type="button" value="index.jsp" onclick="load"



텍스트문서요청 -> MS949 (응답 인코딩 지정 못함 = 한글깨짐)

텍스트문서요청 -> EUC-KR / UTF-8 등등 사용해줘야 함.



[text/plain]


[js file]

getXHTMLRequest // 함수


funtion sendRequest( 클라 -> 서버 -> 요청url -> 어떤parameter -> method -> callback 처리)

 -> 매개변수


documents = 문서전체

f = 폼

name = 입력양식

value = 입력한 값


post 방식 요청 // params - "hello.jsp"

[Readystate = 4]

[Status = 200]


hello.jsp

-> text/plain / euc-kr


request.setCharacterEncoding("utf-8");

String name= request.get



[inner HTML]

기본기능 : 

<function view() {

 var p1 = documents.getElementByid

<p ud="p1"><strong>ajax</strong>프로그래밍,<br/>기초<p>


getElemntstById("clock")

clock.innerHTML =

now.getFullYear / Month / date / hours / minutes / seconds

<span id="clock"></span>


반응형

'웹개발 > HTML' 카테고리의 다른 글

Ajax3  (0) 2014.05.26
Ajax2  (0) 2014.05.23
툴팁 제작하기  (0) 2014.05.22
ALTER TABLE 문  (0) 2014.05.21
드라이브 경로 바뀔시에 이클립스 재설정 할것들  (0) 2014.05.21