WEB/JavaScript43 ajax success 후에 return 값 받기 function ajaxReturnData(){ var result_data; $.ajax({ type : "post" ,url : "" ,data : data ,dataType : "json" ,async : false success: function(data, textStatus) { result_data = data; } }); return result_data; } 함수 내에 변수 선언후 ajax success 시에 해당 변수에 서버에서 return해준 값을 담아서 return !! ajax는 기본 동기식이기 때문에 async: false 옵션을 추가하여 비동기로 통신해야한다. 2021. 5. 7. 네트워크 : JSON JSON ( JavaScript Object Notation ) * Javascript에서 객체를 만들 때 사용하는 일종의 데이터 표준을 의미한다. * 사람이 읽고 쓰기가 쉽고, 기계도 분석과 생성이 용이하다. 데이터의 용량도 작다. * 설정의 저장이나 데이터 전송 등에 많이 사용된다. * JSON이 지원하는 데이터 형식 등 자세한 내용은 이쪽 ->>> http://www.json.org/json-ko.html JSON API* JSON.parse(); 인자로 전달된 문자열을 JavaScript의 데이터로 변환. * JSON.stringify(); 인자로 전달된 JavaScript 데이터를 문자열로 변환. JSON을 이용한 AJAX 통신* AJAX를 이용한 타임라인 항목을 리스트로 표현하는 예제 2016. 10. 19. 네트워크 : Ajax Ajax * Asynchronous JavaScript and XML의 약자다 * 자바스크립트를 이용해서 비동기적으로 서버와 브라우저가 데이터를 주고 받는 방식을 의미한다. 이 때 사용하는 API가 XMLHttpRequest이다. * JavaScript를 이용해 웹 서버와 웹 브라우저가 내부적으로 통신하게 된다. * 변경된 결과를 웹페이지에 반영함으로써 웹페이지의 로딩 없이 서비스를 사용할 수 있게 된다. * IE5,6 에서는 XMLHttpRequest 객체 대신 ActiveXObject("Msxml2.XMLHTTP.6.0")을 사용해야 한다. * 반드시 비동기적으로 동작해야 한다. XMLHttpRequest ( 실습에 서버 필요) * 마이크로소프트가 만든 JavaScript의 객체로 HTTP를 통해 쉽.. 2016. 10. 19. 이벤트 : Type 1. form * 사용자가 입력한 정보를 서버로 전송하는 HTML 태그 submit폼의 정보를 서버로 번송하는 명령인 submit시에 일어난다.form 태그에 적용된다.예제 >실행 화면 링크실행 화면 링크 결과 Hello * Hello가 로드되기 전에 스크립트가 실행되어 값은 null이 나왔다. - 이를 해결하기 위한 첫번째 방법은 자바스크립트를 문서 끝에 위치시키는 것이다. - 두번째 방법 : load 이벤트 이용 Hello * load 이벤트 발생 시 메소드가 호출되면서 해당 HTML 엘리먼트를 찾는다. * load 이벤트는 웹페이지 전체가 브라우저에서 해석이 끝나고 이미지와 스크립트 등의 리소스 까지 다운로드가 끝났을 때 load 객체가 자동으로 호출되도록 약속되어있다. 때문에 타겟을 찾을 수 있다.. 2016. 10. 17. 이전 1 2 3 4 ··· 11 다음 반응형
