목록AJAX (3)

PostIT

[AngularJS/JQuery] AngularJS에서 Ajax통신 시 JQuery와 문법 차이

# AngularJS와 JQuery Ajax 통신 시 문법 차이 1. Angular JS $http({ /* HTTP 통신 방법 */ method : 'GET', /* 통신 할 URL */ url : root + "/news/list-json", timeout : 600000, /* 보낼 변수 */ params : { "currentPage" : currentPage }, /* 데이터 타입. */ responseType : 'json', headers : { "Content-Type" : "application/json; charset=utf-8", "Accept" : "application/json", csrfHeader : csrfToken }}).then(function(response) { con..
Script/Angular 2017. 3. 28. 11:16
[Javascript/Ajax] JavaScript에서의 변수 담아내기 - async(동기 Ajax)

# Ajax에서의 async로 해결, 하지만 또 다른 문제의 발생 최근 수정일 : 2017.04.18 ## 1. 배경 1차 Stomp를 이용한 비동기 통신 Message를 주고받는 과정에서 Message데이터를 Bootstrap Popover에 값을 넣어주는 부분에서 비동기 데이터를 가져오지 못하는 문제가 발생되었다. 이부분을 해소하기 위해 Ajax 통신의 비동기를 false로 해주어 문제를 해결하였다. 이 상황의 소스코드를 보면 아래와 같다./* content 부분에서 getMessageList 호출 */ var $popover=$('#openPopover').popover({ placement: 'bottom', template: '', html: '알림창', title : '알림창'+ '전체 보기'..
Script/JavaScript 2017. 3. 6. 16:06
[Spring/Ajax]SpringMVC에서 Ajax와 JSON - 퍼옴

http://www.nextree.co.kr/p11205/이전에 포스팅한 글에서 언급했듯이 Ajax는 서버와 비동기식으로 (동기식으로도 가능 함) 통신 하는 방법중에 하나입니다. 이번 글에서는 기존 글들과는 조금 다르게 접근하여 통신시 서버에서의 Data 셋팅방법에 대해 알아봅니다. JavaScript(jQuery) 관점의 Ajax는 넥스트리 블로그 JavaScript, jQuery 그리고 Ajax를 참고해주세요.Ajax통신에 있어서 데이터 전송형식에는 여러가지(CSV, XML, Json 등)가 있습니다. 하지만, 이번 글에서는 Json형식의 데이터 전송방식을 다루겠습니다. 그리고 이후에 설명드릴 방법중 일부는 Spring MVC 뿐만 아니라 다른 프레임워크(jsp/Sevlet포함)에서도 쓰일 수 있다는..
Spring 2016. 12. 22. 12:26
Prev 1 Next