web developer

1. jQuery 버전 확인Ajax에서 배열을 전송할 때, traditional: true 옵션을 사용해야 하는 경우는 jQuery 1.4 이전의 버전에서 jQuery.param() 함수를 사용할 때입니다. jQuery 1.4 이전 버전에서는 param() 함수가 기본적으로 배열을 전송할 수 있는 형태로 시리얼라이즈하지 않기 때문에, 배열을 전송할 때 traditional: true 옵션을 명시적으로 설정해야 했습니다.하지만 jQuery 1.4 이후 버전부터는 param() 함수가 기본적으로 배열을 다룰 수 있는 방식으로 업데이트되어서, 일반적으로 traditional: true 옵션을 따로 지정하지 않아도 됩니다.2. params 객체를 JSON 문자열로 직렬화하여 AJAX 요청으로 서버에 전송 배열을..

- ajax로 보낼 경우 @RequestParam(value="arr[]" String[] arr) - get 또는 post로 보낼 경우 ($.download) @RequestParam(value="arr" String[] arr) 출처 : https://kamsi76.tistory.com/entry/Spring-RequestParam%EC%9C%BC%EB%A1%9C-%EB%B0%B0%EC%97%B4-%EC%B2%98%EB%A6%AC

ajax data 값을 controller로 넘기는 과정 1-1. Ajax 사용한 예시 (javascript단에서 데이터를 가져와서 controller로 넘기기 위해) $.ajax({ url : "test.action", type : "post", data : { name : "뜨루", age : "28", gender : "여자" }, success : function(data) { }, error : function() { alert("error"); } }); 2-1. Ajax에서 Controller로 값(parameter) 넘길 때 : String으로 받는 경우 @RequestMapping(value = "/test.action", method = { RequestMethod.POST }) pub..

AJAX란? Ajax란 (asynchronous Javascript and XML)의 줄임말 입니다. 자바스크립트를 이용하여 비동기 식으로 서버와 통신을 합니다. Ajax는 프로그램 언어가 아니다. $.ajax() 메소드 $.ajax() 메소드는 모든 jQuery Ajax 메소드의 핵심이 되는 통합적인 메소드이다 . $.ajax() 메소드는 HTTP 요청을 만드는 강력하고도 직관적인 방법을 제공한다. options $.ajax({ options }); $.ajax({ url : 통신을 원하고자 하는 URL주소를 입력합니다.(필수 입력) data : 서버로 보낼 데이터를 입력합니다. type : get, post 등의 통신 방식을 지정합니다. dataType : 통신의 결과로 넘어올 데이터의 종류를 지정합..

태그 이름을 사용하여 같은 태그 이름을 가지는 HTML 요소를 모두 선택 $(function() { $("p").on("click", function() { // 요소를 모두 선택함. $("span").css("fontSize", "28px"); // 요소를 모두 선택함. }); }); 아이디(id)를 사용하여 특정 HTML 요소를 선택 $(function() { $("p").on("click", function() { $("#jq").css("border", "2px solid orange"); // 아이디가 "jq"인 요소를 선택함. }); }); 클래스(class)를 사용하여 같은 클래스에 속하는 HTML 요소를 모두 선택 $(function() { $("p").on("click", function..

Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help, check http://xhr.spec.whatwg.org/. XMLHttpRequest Standard Abstract The XMLHttpRequest Standard defines an API that provides scripted client functionality for transferring data between a client and a server. Table of Contents 1 Introduction 1.1 Specification..

success 작동하지 않는 이유는 다음과 같이 2가지로 나뉘어 볼 수 있음 @ResponseBody 을 사용하지 않아서 작동하지 않는 상황이 발생한다. dataType : 'text' 가 아닌 'json'으로 해놓은 경우도 작동하지 않는 상황이 발생한다.