자바스크립트/JQuery 2

[Javascript] $(document).on() ,$(document).ready() 차이점

문제 : 동적으로 생성되는 html 소스에 대한 click() 이벤트 문제 ■ $(document).on() 이 경우는 "이벤트를 위임"을 보여준다고 생각하면 된다. 이 이벤트 핸들러(event handler)는 DOM트리 보다 위에 바인딩이 되어서 Selector와 일치하는 태그를 찾아 실행한다. 대부분의 DOM 이벤트 들이 Tree의 꼭대기에서 시작해서 나뭇가지처럼 아래로 퍼지기 때문에 이것이 가능한 것이다. 그래서 해당하는 id의 태그를 클릭하면 클릭이벤트가 발생할 때 모든 부모 태그들의 사이를 이동하는 클릭 이벤트가 생성되고 그 부모 태그들과 조상 태그들은 그 이벤트를 받을 수 있게 된다. 즉 우리가 알고있는 DOM 트리(꼭대기가 html의 뿌리라고 볼수 있는 태그 부터 아래로 나뭇가지처럼 자식태..

[Jquery] AJAX 데이터 전송

1. JSON 형태 데이터 전송 1 2 3 4 5 6 7 8 9 10 $.ajax({ url: '데이터를 보낼 url', type: 'method속성 (post,get,delete,put)..., data: {"키" : "값"}, success: function (data){ alert("데이터전송 성공"); }, error: function (error){ alert("에러"); } Colored by Color Scripter cs 2. 폼 데이터를 한꺼번에 전송 1 2 3 4 5 6 7 8 9 10 11 12 var queryString = $('#폼id').serialize(); $.ajax({ url: '데이터를 보낼 url', type: 'method속성 (post,get,delete,put)..