본문 바로가기

ajax9

[JQuery] ajax로 form data(multipart) 전송 하기 HTML JQuery $("#btnSubmit").click(function (event) { //preventDefault 는 기본으로 정의된 이벤트를 작동하지 못하게 하는 메서드이다. submit을 막음 event.preventDefault(); // Get form var form = $('#fileUploadForm')[0]; // Create an FormData object var data = new FormData(form); // disabled the submit button $("#btnSubmit").prop("disabled", true); $.ajax({ type: "POST", enctype: 'multipart/form-data', url: "/document/upload", .. 2018. 10. 4.
[JQuery] 서버단에서 Object를 받았을때 javascript단에서 Object의 크기 알아내기 $(document).ready(function(){ $.ajax({ type : 'GET', url : '/userinfo', success : function(response) { if (Object.keys(response).length > 0) { alert('length > 0'); } else { alert('length < 0') } }, error : function(e) { alert("ERROR : " + e.statusText); } }); }); 2018. 8. 20.
[SpringFramework] WebSocket과 Stomp 연동하기 WebSocket은 웹 상에서 쉽게 소켓통신을 하게 해주는 라이브러리로 실시간 채팅 서비스등 여러 유용한 서비스의 기반이 된다.스프링 환경에서는 이러한 서비스를 구현하기 위해서 필요한 2가지가 있는데 WebSocket의 기능을 보완해주고 향상시켜주는 SockJS라이브러리와 메시징전송을 좀 더 효율적으로 지원해주기 위한 STOMP 프로토콜이 존재한다. 일반 WebSocket 환경에서는 핸들러만 구현해주고 직접 호출했지만 STOMP를 이용하면 핸들러와 브로커 라는 개념을 이용해서 서로간의 통신을 하게 된다. STOMP STOMP는 Simple/Streaming Text Oriented Messaging Protocol의 약자이며 텍스트 기반의 메시징 프로토콜 이다. TCP나 WebSocket과 같은 신뢰성있.. 2018. 8. 1.
[JavaScript] JSON을 자바스크립트 배열로 변환하기 예시) // evt로 JSON객체가 들어왔다고 예를들어보자 function(evt) { //jsontext에 JSON객체를 넣는다. var jsontext = evt.data; //JSON.parse를 이용해 jsontext를 파싱해 contact 변수에 넣어준다. var contact = JSON.parse(jsontext); //for문을 돌면서 contact[i]의 값을 출력한다. for (var i = 0; i < contact.length; i++) { console.log(contact[i]); } } 도움이 되셨다면 하트 및 댓글 부탁드립니다♥ 2018. 8. 1.