developer_note

Ajax 페이지의 이동 없이 데이터베이스나 다른 웹 페이지의 내용을 가져올 수 있습니다. 예시) 구글 검색창의 자동완성 기능이 있습니다. 글자를 한글자씩 입력할때마다 ajax로 추천 검색를 표시해줍니다. Ajax의 작동방식 기본적으로 Ajax(Asynchronous Javascript And XML) 기술을 구현하려면 서버측 웹 프로그래밍 언어와 자바스크립를 사용할 수 있어야 합니다. 다른 페이지에 있는 HTML DOM을 불러오는 단순한 Ajax의 경우에는 자바스크립트 만으로도 구현이 가능합니다. 하지만 데이터 베이스에 접속을 하거나 새로운 데이터를 생성하는 등의 본격적인 Ajax 기술은 자바스크립트만으로는 구현할 수 없습니다. 사용할 수 있는 서버측 웹 프로그래밍 언어에 제한이 있는 것은 아닙니다. 이..

JavaCcript로 유효성 검사를 추가하던 중에 ajax에서 돌아온 데이터에 값이 false경우 retrun false로 처리해 동작을 중단하고 싶었는데 동작이 중단되지 않고 다음 유효성 검사로 넘어가서 중단하는 방법을 찾아보았다. 처음에 작성한 코드 function checkIdx(idx){ $.ajax({ method:'post', data : {idx: idx}, async:false, success : function(data) { if(data.status === false){ return false; } } }); } 수정한 코드 1 함수 내에서 ajax로 false를 리턴 하고 싶은 값이 하나면 아래 코드를 추천한다. function checkIdx(idx){ // 리턴 할 변수 추가 le..

ajax를 사용하다 보면 success 부분에 원하는 데로 프로그램이 동작했을 때 전역 변수에 데이터를 담고 싶을 때가 있다. ajax 기본 사용법으로 success 부분에서 전역 변수에 데이터를 넣으려고 하면 전역 변수에 데이터 저장이 안 된다. 저장이 안 되는 예 let newsListCnt = 0; // 함수호출 loadNews(newsListCnt); function loadNews(newsCnt) { $.ajax({ type:'POST', url:'./getNews.php', data:{newsCnt: newsCnt}, dataType: 'json', success: function(data){ newsListCnt = data.listCnt; } }); } ajax는 비동기 방식이다. asyn..