반응형

Ajax get 방식으로는 데이터가 잘 넘어가는데 post 방식으로 변경해서 데이터를 보내면 400 에러가 뜨면서

데이터가 제대로 보내지지 않을 때 반드시 확인 하고 넘어갈 사항


1. js 코드 부분(JSON 형식을 제대로 지켰는지 확인)


var data = JSON.stringify({

hyundai : 'avante',

kia : 'k5',

ssangyong : 'korando'

});


$.ajax({

url : url 주소,

type : 'POST',

dataType : 'json',

headers : _headers,

data : data,

....

});


2. url로 전달받는 controller에 어노테이션 확인

public 반환형 carMethod(@RequestBody 매개변수들...) {

...

}

반응형
반응형

보내려는 배열은

var tempArray = new Array();

tempArray.push('a_data');

tempArray.push('b_data');


에이작스는

$.ajax({

type: ...

dataType: ...

url: ...

contentType: ...

data: {

'어쩌고': 저쩌고,

~~~~

'tempArray':tempArray

},

success ......

});


이런식으로 넘겨버리면 

콘솔에서는 

심각: Servlet.service() for servlet [dispatcherServlet] in context with path [] threw exception [Request processing failed; nested exception is java.lang.NumberFormatException: For input string: ""] with root cause

java.lang.NumberFormatException: For input string: ""


웹에서는 

블라 블라 ~~ &tempArray%5B%5D=aaa&tempArray%5B%5D=bbb 500 (Internal Server Error)


난리 부르스를 쳐댄다.

자세히 보면 원래 보내고자하는 tempArray=aaa 가 tempArray%5B%5D=aaa 와 같이 인코딩이 깨진 것을 확인 할 수 있다.


[해결방법] ajax 호출 전

$.ajaxSettings.traditional = true;

코드를 넣어주고 실행해보면 인코딩이 정상적으로 넘어가는 것을 확인 할 수 있다.


[출처 및 이유 확인] http://marobiana.tistory.com/108 by 신매력

반응형
반응형

Ajax로 데이터를 넘길 때


GET 방식을 사용할지 POST 방식을 사용할지 GET 방식의 글자수 제한에 대해 막연히 256바이트, 2048 바이트인지 아리송한 경우가 있다.


이럴 때 참고할 만한 좋은 사이트 발견 !!


http://brainage.egloos.com/4323903

[출처] 상식의 오류 - get방식의 글자수 제한은 256자가 아니다 by 천하귀남

반응형
반응형

알아두면 개발시간을 단축시키는 유용한 이클립스 단축키 모음


들여쓰기(→) : Tab

내어쓰기(←) : Shift + Tab


라인넘버로 이동 : Ctrl + L


현재 파일에서 문자 찾기 : Ctrl + F

프로젝트의 리소스, 파일 찾기 : Ctrl + Shift + R

상세 및 조건 검색 : Ctrl + H


세로 수정 : Alt + Shift + A

영문 소문자를 대문자로 변환 : Ctrl + Shift + X


계속 업데이트 하겠습니다 !

반응형
반응형

첫 번째 방법


window.location.href = url;


두 번째 방법(Spring Security에 위배)


<html>

<iframe id="myiframe" style="display:none;"></iframe>

</html>

<script>

document.getElementById("myiframe").src = url;

</script>


출처 : http://stackoverflow.com/questions/3749231/download-file-using-javascript-jquery

참고 : http://blog.naver.com/PostView.nhn?blogId=javaent&logNo=100057427980&widgetTypeCall=true

작성자 : javaent

반응형
반응형

var date_old_format = "2016-08-10";

var date_new_format = date_old_format.split("/").join("");

-> "20160810"


var date_old_format = "2016-08-10";

var date_new_format = date_old_format.split("/").reverse().join("");

-> "10082016"


출처 : [스텍오버플로우] http://stackoverflow.com/questions/19709793/convert-date-from-dd-mm-yyyy-to-yyyy-mm-dd-in-javascript

반응형
반응형

jqGrid를 reload 시 type나 추가 구분이 필요한 파라미터를 전달 하는 방법


$("#grid id).jqGrid('setGridParam',{

url: 'url 입력',

datatype: "json",

"postData" : {"사용할 파라미터 이름 입력": "사용할 파라미터 값 입력"}

}).trigger('reloadGrid');


다음과 같은 형식으로 입력하면 정상 동작합니다.


반응형
반응형

jqGrid를 이용해서 Grid 구현 중 분명 모든 조건을 맞추었음에도 불구하고(total, rows ...) 다음 페이지를 클릭 할 경우

다음 페이지 내용이 아닌 현재 페이지 그대로 뜨는 경우 체크 사항


$("#table id").jqGrid({

...

...

...

loadonce:true,

...

});


loadonce 옵션이 true로 되어있는지 체크 할 것 !

반응형
반응형

자바스크립트 arguments 객체 사용 예시


<script>

$(document).ready(function() {

function argufunc() {

console.log("0 = " + arguments[0]);

console.log("1 = " + arguments[1]);

alert(" -> " + arguments[0] + " <-> " + arguments[1] + " <- ");

}

argufunc("111", "222"); // 함수에 매개변수가 없어도 매개변수 사용이 가능하다.

})

</script>



반응형
반응형

- jQuery 배열 eq(index) 접근 방법

var $images = $("img");

var length = $images.length;


for(var i=0; i<length; i++) {

...

$images.eq(i).css({

left:x,

top:100

});

    }

  });

});



<html>

<img src="img/1.png">

<img src="img/2.png">

<img src="img/3.png">

</html>

반응형

+ Recent posts