동해둘리의 IT Study

* ajax 로 폼데이터 서버전송 후 파일생성 및 DB저장, serialize() ajax 로 폼데이터를 전송한 후 DB에 저장하는 방법은 serialize() 를 이용하여 많이 사용하는데요, 저는, 해당 데이터를 서버로 전송하여 파일로 생성하는 코드를 만들어 보았습니다. ajax_save.html 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 $.ajax({ type : "POST" , async : true , url : "save_todb.php", dataType : "html" , timeout : 30000 , cache : false , data : $("#sav..

IT공부방/jQuery, ajax, java 2016. 8. 9. 11:32

AJAX를 사용해 콘텐츠를 불러올 경우 지연시간이나 페이지 에러등을 사용자가 인지하기 어렵다. 또한 AJAX가 진행중인지 아닌지를 구분하는 것 역시 아무런 인터페이스가 없을 경우 사용성을 크게 해칠 수 있을 것이다. 만약 페이지 로딩이라도 길어진다면 아무런 반응없는 웹사이트를 보고 에러라고 생각한 뒤 이탈하려는 유저가 많아질 수 밖에 없을 것이기 때문이다. 이런 이유로 로딩중이라는 효과를 가시적으로 나타나기 위해 아이콘 및 이미지 또는 텍스트 문구를 사용할 수 있다. 아래에서는 텍스트를 사용했으나 실제로 계속해서 돌아가는 아이콘등 역시 매우 자주 사용된다. 로딩 중 문구를 출력하는 코드 구현하기 아래 코드는 현재 3개의 콘텐츠 내용을 담고있다. 방문자가 더보기 버튼을 클릭할 경우 숨겨진 로딩중이란 문구가..

IT공부방/jQuery, ajax, java 2016. 7. 21. 11:22

ajax 는 Asynchronous Javascript and Xml 의 약자인데, 비동기식 자바스크립트와 XML 이라고 보면된다 javascript 의 XMLHttpRequest 를 이용하여 직접 구현하여도 되지만, jQuery 를 이용하는 것이 훨씬 더 간단하게 구현할 수 있다. 가장 큰 특징은 현재 페이지에서 페이지의 이동/전환없이, 특정 이벤트를 통해 서버와 http 통신을 할 수 있다는 것이며, 이를 통해 현재 페이지의 일부분을 업데이트 할 수 있다는 것이다. function ajaxAct() { $.ajax ({ type : "GET", // GET 또는 POST url : 'updatetest.htm', // 서버측에서 가져올 페이지 data : 'a=1&b=2&c=3', // 서버측에 전달..

IT공부방/jQuery, ajax, java 2016. 7. 21. 11:19