브라우저가 문서를 준비하면 시작하겠어~
<head>
<title></title>
<script src = "http://ajax.googleapis.com/ajax
// eventSource.addActionListener(listener);
$(document).ready(function(){
// 실제로 눌렀을 때 호출
$("#chkBtn").click(function(){
var flag = true;
// each는 for문과 같다고 보면 됨
// "form input:text" 가져와서 수행
$("form input:text").each(function(idx){
if(flag) {
var data = $(this).val();
if(data.trim().length == 0) {
alert("missing: " + $(this).attr("name"));
flag = false;
}
}
});
});
});
</script>
</head>
<body>
<form>
input1 : <input type = "text" name = "input1"/><br>
ajax가 뭐냐? 비동기
동기화란? 어느곳에서 접근해도 같은 값
jquery를 쓰면 function 하나로 만들 수 있음
동기화
사용자가 2명 이상 있어야 함
한사람이 ㅇ 알고 있고 한 사람이 □ 로 알고 있으면 동기화가 깨진거임!
서버와 클라이언트 사이에 클라이언트 요청(검색,클릭 등) ~ 해줘~
이때까진 동기방식
비동기는 요청은 변함이 없으나 내가 요청을 보낸지를 모르는 거임
클라이언트 입장에서는 브라우저상에서 사용자는 모름
그럼 정보 불균형이 일어남 (서버는 받아서 앎)
사용자는 request가 발생한지 모름, 근데 생김!
- 의도해서 링크를 누른다던지 그런게 아님 , 요청이 언제 나가는지 알 수 없게 해놨음!
- ajax의 목적 ? 사용자 모르게 요청을 보내고 전체 페이지 새로 고침이 아니라 일부분만 바꿀 수 있음(부분갱신) , 비동기
callback - 누가 호출하냐?? 백그라운드에서 호출!
o.todo() 호출(내가 부른것)
hover는 기능이 2개 / 커서가 올라갔을 때, 내려갔을 때
java 객체를 => json으로 바꿔서 전달하면 자바스크립트 객체로 바꿀 수 있음
json은?
{"vend_country" = "England"} 이렇게 객체 생성, 언어의 장벽이 없음, 자바에서도 쓸 수 있고 자바스크립트에서도 사용, 문자열, 의존 X , 모든 언어에 다 사용 가능(-> 예전엔 xml을 썼는데 json이 훨씬 간단!)
jackson 라이브러리 (gson도 있음) -> toString 만들듯이
자바스크립트 객체는 "" 가 없음
JSON은 독립적임
JAVA / SQL / Spring 을 공부하고 있습니다 🐥