JS/JQuery (13) 썸네일형 리스트형 radio,checkbox value값 가져오기 $('input:radio[name="radio"]:checked').val() $('.user_check:checkbox:checked').map(function(){ check_user.push(this.value); }); [ajax] 통신중 로딩바 공통 - ajaxStart에서 로딩바를 생성하고 ajaxStop에서 로딩바를 해제한다 - 아래 소스를 공통 js로 만들어두면 참조하는 모든 프론트 페이지에서 ajax요청이 있을 시 호출된다. //AJAX 통신 시작 $( document ).ajaxStart(function() { //마우스 커서를 로딩 중 커서로 변경 $('html').css("cursor", "wait"); }); //AJAX 통신 종료 $( document ).ajaxStop(function() { //마우스 커서를 원래대로 돌린다 $('html').css("cursor", "auto"); }); [ajax] 사용법 속성 설명 type http 전송 method를 지정한다. GET, POST url 호출 URL. GET 방식일경우 URL 뒤에 파라미터를 붙여서 사용해도 된다. dataType Ajax를 통해 호출한 페이지의 Return 형식이다. 형식에 따라 xml, json, html, text 등을 사용하면 된다. error 에러났을때의 처리 부분이다. success 성공했을때의 처리 부분이다. 보통 해당 부분에서 데이터 핸들링을 하면 된다. $.ajax({ url : "Main/", data : { result : 'test' }, dataType : "json", method : "POST" }) .done(function(data){ alert(data); }) [ajax] 통신 중 로딩 처리 ajax를 이용하여 대용량의 파일을 업로드할 때 로딩 중 처리가 필요할 때가 있다. 그럴땐 로딩중을 표시해주면 사용자 입장에서는 로딩중인지 렉걸린건지 구분을 할 수가 있다. $("#subtn").click(function(){ $.ajax({ url : "./member", data : $('form').serialize(), beforeSend: function() { //통신을 시작할때 처리되는 함수 $('.lodding').css("display","block"); // 현재 html 문서위에 있는 마우스 커서를 로딩 중 커서로 변경 }, complete: function() { //통신이 완료된 후 처리되는 함수 $('.lodding').css("display","none"); // 통신이 완료 .. [ajax] json type으로 받기 var items = []; $("#inputEmail").keyup(function(){ $.ajax({ url : "./member", data : {userEmail : $(this).val()}, dataType : "json", method : "POST" }) .done(function(data){ $.each(data, function(key, val){ items.push(val); console.log(items); }); $(".email_cof").text(data['email']); $(".id_cof").text(data['id']); }) }); 이전 1 2 다음
